>>>>>原生js的Ajax

第一步：获得XMLHttpRequest对象；

var ajax = new XMLHttpRequest();

第二步：设置状态监听函数

ajax.onreadystatechange = function(){}

第三步：open一个请求：

• 其中，第一个参数为传递方式：get/post;
• 第二个参数：请求数据的url地址；
• 第三个参数：true/false。true表示异步请求。false表示同步请求

ajax.open("GET","user.json",true); 

第四步：send一个请求。可以发送对象和字符串，不需要传递数据发送null;

ajax.send(null);

第五步，在监听函数中，判断readyState==4 && status == 200表示请求成功；

if (ajax.readyState == 4 && ajax.status == 200) {}

第六步，使用ajax.responseText、ajax.responseXML接收响应数据，并使用原生js操作DOM进行显示；

console.log(JSON.parse(ajax.responseText));

完整代码：