大致学了下Ajax,才知道它不是某种编程语言,而是一种在无需加载整个页面的情况下能够更新部分网页的技术。了解了它的功能后觉得这真是一种好的技术,这得给前端和运维省多少力啊!
传统的网页没有使用Ajax技术,当更新网页内容时要重新加载页面来重写页面,如果是整个网站,这工作量无疑是巨大的,但有了Ajax技术,我们在后台进行表单设计时,加入相关代码,实现异步输入输出,局部更新,这就使工作变得轻便。例如,现在很多的知名网站,像腾讯,新浪,谷歌,百度地图等等,都使用了这种技术。
而要学习Ajax技术,拥有HTML,CSS,和JS的基础就够了。
传统的同步加载令人疯狂,是因为缺少了一个对象,那就是XMLHttpRequest对象。有了这个对象之后,可以实现后台和服务器之间数据的交换,达到页面的局部请求和刷新,这就是Ajax的异步功能。
想要达到这种功能我们要做的是:
1:用HTML和CSS写出页面,表达信息。
2:用XMLHttpRequest和Web服务器进行数据的异步交换。
3:用javascript操作DOM,实现动态局部刷新。
重要的是第二点,怎么样创建XMLHttpRequest对象呢?
是下面这句话:
varrequest=newXMLHttpRequest();
但是IE5和IE6是不兼容的。
所以要这样写:
varrequest;
If(window.XMLHttpRequest){
request=newXMLHttpRequest();
}else{
request=newActiveXObject(“Microsoft.XMLHTTP”);//IE6,IE5
}
即如果有XMLHttpRequest的定义就直接使用,如果没有就创建一个ActiveXObject对象使用。
Ajax流程是这样的:
1.从Web表单中获取需要的数据。
2.建立要连接的URL。
3.打开到服务器的连接。
4.设置服务器在完成后要运行的函数。
5.发送请求。
原文链接:https://www.f2er.com/ajax/161844.html