接下来整理一下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测试AJAX6
7
8
9 functiongetAjaxObject(){10 /*直接调用脚本*/
11 varajaxObject=getAjax();12 alert(ajaxObject);13 }14
15
16
17
获取XmlHttpRequest
18
19
20
更多推荐
java ajax_Java Ajax入门
发布评论