创建ajax过程

创建ajax过程

• 创建XHR对象：
  new XMLHttpRequest()
• 设置请求参数：
  request.open(Method, 服务器接口地址);在这里插入代码片
• 发送请求: request.send()，如果是get请求不需要参数，post请求需要参数request.send(data)
• 监听请求成功后的状态变化：根据状态码进行相应的处理。

 XHR.onreadystatechange = function () { 
  if (XHR.readyState ==  4 && XHR.status== 200) {
   console.log(XHR.responseText);
   // 主动释放,JS本身也会回收的 XHR = null;
   } };

//1.创建请求对象
var xhr = new XMLHttpResquest()

//2.调用open方法，设置请求头和请求路径
xhr.open('get','data.php')

//3.设置请求头
xhr.setRequestHeader('Content-type','application/x-www-form-urlencoded');

//4.监听响应完成时间
xhr.onreadystatechange=function(){
xhr.onload=function(){
console.log(xhr.responseText)
}
}

//5.发送请求
xhr.send()

胡乱记忆法
1.打电话
2.用qq还是微信，顺便找找通讯录
3.微信（post）设了应用锁，QQ（get）没有锁
4.想想要说啥
5.打出去

POST请求需要设置请求头 readyState值说明

• 0：初始化,XHR对象已经创建,还未执行open

• 1：载入,已经调用open方法,但是还没发送请求

• 2：载入完成,请求已经发送完成

• 3：交互,可以接收到部分数据

• 4：数据全部返回

  status值说明

• 200：成功

• 404：没有发现文件、查询或URl

• 500：服务器产生内部错误