JS --- AJAX

一、AJAX的作用

• 在不刷新网页的情况下去更新数据

二、用法

1.创建

var ajax = new XMLHttpRequest()

2.打开

• 同步

var open("get","xxx.php",false);
// 参数2：服务器第地址
// 参数3：是否异步

ajax.open("post","xxx.php",false)
ajax.setReyuestHeader("Content-Type","application/x-www-form-urlencoded");

• 异步

ajax.open("get","xxx.php",true)

ajax.open("post","xxx.php",true)
ajax.setReyuestHeader("Content-Type","application/x-www-form-urlencoded");

发送后的状态值 readystate
0：对象已建立，还未初始化，未调用send
1：open已调用，未调用send
2：send已调用，其他未知
3：请求已发送，正在接收数据
4：表示数据已经收到

3.监听

ajax.onreadystatechange = function(){
console.log(ajax.reponse Text)
}

4.发送

• ajax.send(null)
  发送后返回四种参数

1.responseText  // 作为相应的主题返回的文本
2.responseXML 
3.status  
// 200 成功
// 202 请求接受，处理未完成
// 400 找不到指定url
// 500 内部浏览器错误
4.statusText  // 跨浏览器时可能不太一致