## **一个完整的ajax步骤** 1、创建ajax核心对象 2、与服务器建立连接 3、发送请求 4、响应 ~~~ (1)创建XMLHttpRequest对象 var xhr = new XMLHttpRequest() (2)与服务器建立连接 open(Method,Url,IsAsync)，如：open("get","url") (3)发送HTTP请求 xhr.send( ) (4)响应 xhr.onreadystatechange = function(){} ~~~ ~~~ //easy-mock模拟一个get接口 var url = "https://www.easy-mock.com/mock/5bad8210a1b7f6239a61664f/pcTest"; //新建一个HTTP请求 var xhr = new XMLHttpRequest(); xhr.open("get",url); xhr.send();//发送请求 xhr.onreadystatechange = function(){ //当请求成功时 if(xhr.readyState === 4 && xhr.status == 200){ var reponse = xhr.responseText; //JSON.parse()将字符串转为json对象 var name = JSON.parse(reponse).data.name; console.log(name) } } ~~~ ## 如何使用ajax A. HTML和CSS实现页面 B. Ajax和Web服务器进行数据的异步交换 C. 运用JS操作DOM实现动态的局部刷新