ajax

简单学习的ajax内容

• ajax的作用：
  在不刷新页面的基础上，实现数据局部更新

ajax的四步骤
1.创建一个ajax对象
var xhr = new XMLHttpRequest();
2.打开一个链接地址（请求一个接口地址）
第一个参数表示请求的方式，第二个参数表示请求的接口地址，第三个参数表示请求是同步的还是异步的，false同步，true异步
xhr.open("get","./data.json",false);
3.监听请求的状态
请求状态码（xhr.readyState）
网络状态码（xhr.status）
xhr.onreadystatechange=function(){
if( xhr.readyState === 4 && xhr.status ===200)
{JSON.parse(xhr.responseText)}
}
4.发送请求
xhr.send(null);

var xhr = new XMLHttpRequest();
    xhr.open("get","./data.json",false);
    xhr.onreadystatechange = function(){
        if(xhr.readyState==4 &&  xhr.status ===200{
        console.log(JSON.parse(xhr.responseText));
        }
    };
    xhr.send(null);