是一种在无需重新加载全体网页的情形下,能够更新部分网页的技能。种用于创建快速动态网页的技能。
传统的网页(不该用 Ajax)如果须要更新内容,必须重载全体网页页面。
而Ajax 可以通过在后台与做事器进行少量数据交流,使网页实现异步更新。这意味着可以在不重新加载全体网页的情形下,对网页的某部分进行更新。
ajax是一个粘合javascript、xml、、xhtml、dom、xmlhttprequest、css等技能的一个粘合剂;
ajax做事端措辞无关的技能. 即可以利用在php、java、.net、asp等网站;
ajax可以给客户端返回文本、xml 、json等格式数据;
ajax是flash、java applet、框架、iframe等无刷新数据交流技能的一种。
传统动态网页技能(未引入Ajax技能)的浏览器与做事器交互时,要乞降相应全体网页,个中包括完备没有变动过的数据、图片、JavaScript等,显然,这是一种很不经济和有效率的操作办法,有时会出新如刷新操作时的冷却及等待相应的假去世征象,影响速率、不雅观感和用户体验,特殊是当两端资源有限及带宽不足时。
Ajax技能则不同,只要乞降相应须要更新的局部,浏览器在吸收到数据后,可以利用Javascript通过DHTML或DOM(Document Object Model)模式来更新特定字段。
利用ajax与做事器通信的的步骤:
1 客户端(浏览器)创建一个XMLHttpRequest工具(浏览器之间会有语法差异);
var XHR = new ActiveXObjcet(\"大众Msxml2.XMLHTTP\"大众);(IE);
var XHR = new XMLHttpRequest();(非IE);
2 客户端(浏览器)传送XMLHttpRequestt工具
3 做事端(做事器端)吸收ajax的要求,做相应处理(操作数据库)
4 做事端(做事器端)返回结果给客户端(浏览器)
5 客户端(浏览器)局部刷新当前页面
附源代码:
var XHR = null;
function startRequest
{
XHR = new XMLHttpRequest(); //非IE
XHR.open(\公众GET',\"大众poetry.txt\公众.true); //连接办法与要求内容
XHR.onreadystatechange = handleStateChange;//事宜相应
XHR.send(null);//以post办法传送数据时,须要指定须要传送的参数
}
function handleStateChange()
{
if(XHR.readyState ==4)//判断request是否实行完毕
{
if(XHR.status == 200) //判断request是否实行成功
document.getElementById(\公众span1).innerHTML = XHR.responseText;
//如果是返回的XML文件,利用responseXML属性
else
document.getElementById(\"大众span1).innerHTML = \"大众文件开启缺点!
\"大众;
}
}
-End-