AJAX异步更新-重要部分

ajax能够更新部分网页，即异步更新，而<a href></a>只能同步更新。

ajax期待响应，会等待服务器带回数据。

//请求：
var xhr = new XMLHttpRequest();//创建一个xhr对象
xhr.open("method","url");//设置请求方式和请求路径
xhr.send();//发送


//get方式：
xhr.open("get","/login?index=1");
xhr.send();//发送

//post方式：
xhr.open("post","/login");
xhr.setRequestHeader("Content-type","application/x-www-form-urlencoded");
xhr.send("index = 1");//发送

//异步更新：
xhr.onreadystatechange=function(){//onreadystatechange相当于一个事件（类似onclick等）
    if(xhr.readystate==4 && xhr.status==200){//服务器完成请求处理，并且正常响应
        var x = xhr.responseText;//服务器带回来的数据
        console.log(x);//打印到控制台
    }
}