Ajax 原生ajax详解

1、特点：局部刷新，用户体验度高

2、步骤：（1）创建xmlHttpRequest()对象；

           （2）准备发送；

           （3）执行发送动作；

           （4）指定回调函数；

3、代码：

            //1.创建 XMLHttprequest()对象 
                var xhr=new XMLHttpRequest();//ie6 5  不支持
            //2.准备发送请求
            //语法：xhr.open('请求的方式get/post','地址',true)  true异步请求数据  false同步
                xhr.open('get','arr.json',true);
            //3.发送请求
                xhr.send();//post请求 带参数    
            //4.成功回调函数
                xhr.onreadystatechange=function(){
                    if(xhr.readyState==4 && xhr.status==200){                   
                       console.log(JSON.parse(xhr.responseText));
                    }
                }

4、onreadystatechange事件

    当请求被发送到服务器时，我们需要执行一些基于响应的任务；

    每当readyState改变时，就会触发onreadystatechange事件。

    readyState属性存有XMLHttpRequest的状态信息。

    onreadystatechange    存储函数（或函数名），每当 readyState 属性改变时，就会调用该函数。
            readyState 存有 XMLHttpRequest 的状态。

     从 0 到 4 发生变化：

            0: 请求未初始化
            1: 服务器连接已建立
            2: 请求已接收
            3: 请求处理中
            4: 请求已完成，且响应已就绪
            status    200: "OK"
            404: 未找到页面