java ajax_Java Ajax入门[通俗易懂]

接下来整理一下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