## 什么是ajax 就是异步 JavaScript 和 XML。 ajax是一种在无需重新加载整个网页的情况下，能够更新部分网页的技术 ## 优点 1、异步请求响应快，用户体验好； 2、页面无刷新、数据局部更新； 3、按需取数据，减少了冗余请求和服务器的负担 4、基于标准化的并被广泛支持的技术，不需要下载插件或者小程序 ## 缺点 1、ajax不支持浏览器back按钮。 2、安全问题 AJAX暴露了与服务器交互的细节。 3、对搜索引擎的支持比较弱。 4、破坏了程序的异常机制。 5、不容易调试。 ## 一个完整的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(){} ~~~ 原生ajax ~~~ //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实现动态的局部刷新