Ajax异步请求、异步提交

网页中点击提交的时候,发送请求,同时,整个页面刷新,

但是在看视频,点赞的时候,不能刷新页面重头看,

所以用上Ajax技术,只刷新一小部分内容,减少服务器压力和实现需求。

 

它需要和js一起使用。

1
2
3
4
5
6
7
8
9
//
        var xmlHttp= new XMLHttpRequest();
        xmlHttp.open("get","login",true);
        xmlHttp.onreadystatechange=function(){
            if(xmlHttp.readyState==4){
                loginMsg.innerHTML="已经提交了请求";
            }
        }
        xmlHttp.send();

  XMLHttpRequest对象

 

open( 提交方式,url,是否异步提交)

使用get方式

xmlHttp.open("get","login?stuno="+stuno+"&password="+password,true);

使用post方式

  设置请求头:使用post方式的时候调用它,否则提交不了,xmlHttp.setRequeatHeader()

setRequeatHeader("Content-type","application/x-www-form-urlencoded");

xmlHttp.open("post","login",true);

xmlHttp.send("stuno="+stuno+"password"+password);

 

send()发送请求

get方式null

 三个属性

readyState:请求的状态有五种

  1. 0未初始化:对象已经创建,尚未调用open()
  2. 1已初始化:调用open
  3. 2发送数据:调用send
  4. 3传输中:接收到部分数据,接收尚未完成
  5. 4完成:数据接收完成

onreadystatechange:回调函数,当状态发生变化,就会调用回调函数

status:状态码200,

responseText:保存响应的文本

posted @   困到很想醒  阅读(100)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· TypeScript + Deepseek 打造卜卦网站:技术与玄学的结合
· 阿里巴巴 QwQ-32B真的超越了 DeepSeek R-1吗?
· 【译】Visual Studio 中新的强大生产力特性
· 10年+ .NET Coder 心语 ── 封装的思维:从隐藏、稳定开始理解其本质意义
· 【设计模式】告别冗长if-else语句:使用策略模式优化代码结构
点击右上角即可分享
微信分享提示