Ajax学习心得

前端之家收集整理的这篇文章主要介绍了Ajax学习心得前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。


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

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

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

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

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

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

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

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

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

  是下面这句话:

varrequest=newXMLHttpRequest();

  但是IE5IE6是不兼容的。

  所以要这样写:

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

猜你在找的Ajax相关文章