接下来整理一下Ajax相关的内容，AJAX(asynchronous js and xml)，即异步的JavaScript和xml，它的主要作用就是让页面不必等待服务器返回整个页面信息，而可以通过异步的方式给服务器发送数据和获取数据，对页面进行局部刷新，是一种提高用户体验的技术。
同步和异步
同步和异步的主要区别如下；
(1)同步：一个响应结束后才能发送下一个请求，页面在请求期间不能做其他事情。
(2)异步：不必等待一个响应结束，可以异步的给服务器发送请求，页面在异步请求期间可以继续操作，可以对页面进行局部刷新。
异步是一种提高用户体验的技术，它可以减轻服务器的压力，减少网络传输，但是另外一方面可能会无端增加无效请求，反倒给服务器造成压力，因此异步技术也是一个双刃剑。
Ajax的使用
Ajax的使用，本质是使用XmlHttpRequest对象给服务器发送请求和获取数据，通过JavaScript和JQuery都可以使用它，下面简单的介绍下如何使用Ajax。
JavaScript方法
(1)获取Ajax对象
JavaScript获取Ajax对象，需考虑到不同版本的浏览器获取的方式，现在主流浏览器是内置了XmlHttpRequest对象的，可以直接获取到，下图就是在chrome浏览器console控制台直接获取的方式，可以看到可以正常获取。IE浏览器比较麻烦一点，具体参考如下代码。
获取XmlHttpRequest的js脚本。
1 /*获取XmlHttpRequest*/
2 functiongetAjax(){3 varxmlHttpRequest;4 /*如果是chrome，火狐，safari，IE7以上等主流浏览器*/
5 try{6 xmlHttpRequest=newXMLHttpRequest();7 }catch(e) {8 try{9 /*是否是IE6*/
10 xmlHttpRequest=new ActiveXObject(“Msxml2.XMLHTTP”);11 }catch(e) {12 try{13 /*IE5或者更早版本*/
14 xmlHttpRequest=new ActiveXObject(“Microsoft.XMLHTTP”);15 }catch(e){16 /*抛出异常提示*/
17 alert(“不存在XmlHttpRequest的浏览器”);18 throwe;19 }20 }21 }22 //将对象返回
23 returnxmlHttpRequest;24 }
测试html页面，用来测试获取ajax对象。
1
2
3
4
5
使用JavaScript测试AJAX
6
7
8
9 functiongetAjaxObject(){10 /*直接调用脚本*/
11 varajaxObject=getAjax();12 alert(ajaxObject);13 }14
15
16
17
获取XmlHttpRequest
18
19
20
发布者：全栈程序员-站长，转载请注明出处：https://javaforall.net/201596.html原文链接：https://javaforall.net
![安装激活成功教程版的Pycharm2018.2[通俗易懂]](https://javaforall.net/wp-content/uploads/2020/11/2020110817443450-480x300.jpg)
