是一种在无需重新加载全体网页的情形下,能够更新部分网页的技能。
种用于创建快速动态网页的技能。

传统的网页(不该用 Ajax)如果须要更新内容,必须重载全体网页页面。

而Ajax 可以通过在后台与做事器进行少量数据交流,使网页实现异步更新。
这意味着可以在不重新加载全体网页的情形下,对网页的某部分进行更新。

php局部更新Ajax动态网页技巧局部更新部门网页的道理与进程附代码 Node.js

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-