`
kuangxiangly
  • 浏览: 28121 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

AJAX的原理

阅读更多

        Ajax的核心是JavaScript对象XmlHttpRequest。该对象在Internet Explorer 5中首次引入,它是一种支持异步请求的技术。借助于XMLHttpRequest对象的帮助,应用程序就可以采用异步方式发送用户请求,并处理服务器响应,避免阻塞用户动作。

       使用Ajax的异步模式,浏览器就不必等用户请求操作,无需重新下载整个页面,一样可以显示服务器的响应数据。Ajax使用javascript编程脚本,XMLHttpRequestAjax的核心,JavaScript则是Ajax技术的粘合剂。

整个Ajax应用的工作过程:

1)、javaScript脚本使用XMLHttpRequest对象向服务器发送请求。发送请求时,既可以发生GET请求,也可以发送POST请求;

2)、javascript脚本使用XMLHttpRequest对象,解析服务器响应数据;

3)、javascript脚本通过DOM,动态更新HTML页面,也可以为服务器响应数据增加CSS样式,在当前网页的某个部分加以显示。

 

Ajax的核心:XMLHttpRequest

XMLHttpRequest是整个Ajax的技术灵魂。可以说,没有XMLHttpRequest,就没有AjaxAjax技术核心是异步发送请求,而XMLHttpRequest则是异步发送请求对象,如果抛开异步发送请求,Ajax的其他技术将完全失去原有的意义。

Ajax的编程脚本:JavaScript语言

JavaScript是一种跨平台的脚本语言,虽然很多地方也称javascript为面向对象的语言,但他并不是纯粹的面向对象的语言。但JavaScript的简单、易用、而且在绝大部分浏览器中都运行良好。

javaScrpt脚本是Ajax的技术中另一个重要部分,javaScriptajax的技术的编程脚本。JavaScript主要做以下事情

1)  创建XMLHttpRequest对象;

2)  通过XMLHttpRequest向服务器发送请求;

3)  创建回调函数,监视服务器响应状态,当服务器响应完成后,回调函数启动;

4)  回调函数通过DOM动态更新HTML页面。

JavaScript技术是Ajax的粘合剂通过JavaScript将其他技术有机地结合在一起从而形成Ajax技术。

DOM模型

DOM是操作HTMLXML文件的一组API,他提供了文件的结构表述,通过使用DOM,可以采用编程方式操作文档结构,可以改变文档的内容。通过使用DOMWeb程序开发者可以增加文件的节点、属性及事件,从而提高对HTML页面的动态更新。DOM的本质是JavaScript或程序语言操作网页内容的一种方式。

 

分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics