Ajax学习心得


              Ajax学习心得

  大致学了下Ajax,才知道它不是某种编程语言,而是一种在无需加载整个页面的情况下能够更新部分网页的技术。了解了它的功能后觉得这真是一种好的技术,这得给前端和运维省多少力啊!

  传统的网页没有使用Ajax技术,当更新网页内容时要重新加载页面来重写页面,如果是整个网站,这工作量无疑是巨大的,但有了Ajax技术,我们在后台进行表单设计时,加入相关代码,实现异步输入输出,局部更新,这就使工作变得轻便。例如,现在很多的知名网站,像腾讯,新浪,谷歌,百度地图等等,都使用了这种技术。

  而要学习Ajax技术,拥有HTML,CSS,JS的基础就够了。

  传统的同步加载令人疯狂,是因为缺少了一个对象,那就是XMLHttpRequest对象。有了这个对象之后,可以实现后台和服务器之间数据的交换,达到页面的局部请求和刷新,这就是Ajax的异步功能。

  想要达到这种功能我们要做的是:

1:HTMLCSS写出页面,表达信息。

2:用XMLHttpRequestWeb服务器进行数据的异步交换。

3:用javascript操作DOM,实现动态局部刷新。

  重要的是第二点,怎么样创建XMLHttpRequest对象呢?

  是下面这句话:

var request=new XMLHttpRequest();

  但是IE5IE6是不兼容的。

  所以要这样写:

var request;

If(window.XMLHttpRequest){

request=new XMLHttpRequest();

}else{

request=new ActiveXObject(“Microsoft.XMLHTTP”);//IE6,IE5

}

  即如果有XMLHttpRequest的定义就直接使用,如果没有就创建一个ActiveXObject对象使用。

 

  Ajax流程是这样的:

 

1.从Web表单中获取需要的数据。

2.建立要连接的URL

3.打开到服务器的连接。

4.设置服务器在完成后要运行的函数。

5.发送请求。


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM