js与ajax

ajax使用了js什么对象？

ajax是异步的JavaScript和xml，传输的数据是xml，现在是json数据
同步交互：发出一个请求，等待服务器响应结束，才能发出第二个请求
异步交互：发出一个请求，无需等待服务器响应结束，就可以发起第二个请求。
ajax的特点：异步和局部刷新
ajax优点：局部刷新，性能高，可以发起异步请求
缺点：1、不适合所有场景，有时候用到同步交互，
2、请求次数过多，增大服务器压力
3、ajax是使用JavaScript技术实现的，还需要处理浏览器的兼容问题
ajax的核心是在JavaScript中添加一个XMLHTTPRequest对象来完成的，
1、创建xmlHttpRequest

   var xmlHttp = new XMLHttpRequest();//除了IE6-都支持

2、打开与服务器的链接
当得到XMLHTTPRequest对象后，就可以调用该对象的open()方法打开与服务器的连接了，
open（method，url，async）
method：请求方式，通常为get或post
url：请求服务器的地址，若为get请求，还可以在url后面添加参数
async：可以不加，默认为true，表示异步请求

var xmlHttp = creatXMLHttpRequest();
xmlHttp.open（"GET",'/AJAX?A=1',true）

3、发送请求
当使用open打开连接后，就可以调用XMLHttpRequest对象的send()方法发送请求了，send()方法的参数为POST请求参数，及对应HTTP协议的请求体内容，若是GET请求，需要在url后面连接参数
注意：若没有参数，需要给出null为参数，可能会导致FireFox浏览器不能正常发送请求

xmlHttp.send(null)

4、接受服务器的响应（5个状态，4个过程）
当请求放送出去后，服务端就开始执行了，他会在xmlHttpRequest对象的状态发生变化的时候被调用，5种状态
0：初始化未完成状态，只是创建了XMLHttpRequest对象，还未调用open方法
1：请求以开始，open方法以调用，
2：请求发送完成，send方法已调用
3:开始读取服务器响应
4：读取服务器响应结束
onreadystatechange事件会在1、2、3、4时引发
下面的代码块会被执行四次，对应的xmlHttpRequest的四种状态

xmlHttp。onreadystatechange=function(){
  //具体内容
}

但是我们只关心最后一种状态，即读取服务器响应结束时，卡护短才会做出改变，我们可以通过XMLHttpRequest对象的readyState属性来得到XMLHttpRequest对象的状态。

xmlHttp.onreadystatechange = function() {
            if(xmlHttp.readyState == 4) {
               //具体的内容
            }
        };

其实我们还要关心服务器响应的状态码xmlHttp.status是否为200，其服务器响应为404，或500，那么就表示请求失败了。我们可以通过XMLHttpRequest对象的status属性得到服务器的状态码。

最后，我们还需要获取到服务器响应的内容，可以通过XMLHttpRequest对象的responseText得到服务器响应内容。
JS实现ajax小结
创建XMLHttpRequest对象；
调用open()方法打开与服务器的连接；
调用send()方法发送请求；
为XMLHttpRequest对象指定onreadystatechange事件函数，这个函数会在

XMLHttpRequest的1、2、3、4，四种状态时被调用；

XMLHttpRequest对象的5种状态，通常我们只关心4状态。

XMLHttpRequest对象的status属性表示服务器状态码，它只有在readyState为4时才能获取到。

XMLHttpRequest对象的responseText属性表示服务器响应内容，它只有在
readyState为4时才能获取到