Ajax的技术核心实现动态无刷新

前端之家收集整理的这篇文章主要介绍了Ajax的技术核心实现动态无刷新前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

Ajax实现的web交互效果跟传统的大不相同,它通过Ajax 引擎,使得应用过程很自然,操作很流畅,因为其只和服务器交换有用的数据,而页面显示等不必要的数据则不再重新加载。Ajax 引擎其实就是JavaScript、XML、XMLHttpRequest等等各项技术的综合应用。

Ajax其核心只有JavaScriptXMLHTTPRequestDOM,如果所用数据格式为XML的话,还可以再加上XML这一项(Ajax从服务器端返回的数据可以是XML格式,也可以是文本等其他格式)

在旧的交互方式中,用户触发一个HTTP请求到服务器,服务器对其进行处理后再返回一个新的HTHL页到客户端,每当服务器处理客户端提交的请求时,客户都只能空闲等待,并且哪怕只是一次很小的交互、只需从服务器端得到很简单的一个数据,都要返回一个完整的HTML,用户每次都要浪费时间和带宽去重新读取整个页面。而使用Ajax用户从感觉上几乎所有的操作都会很快响应没有页面重载(白屏)的等待。

1.XMLHTTPRequest

Ajax的一个最大的特点是无需刷新页面便可向服务器传输或读写数据(又称无刷新更新页面),这一特点主要得益于XMLHTTP组件XMLHTTPRequest对象。这样就可以向再发桌面应用程序只同服务器进行数据层面的交换,而不用每次都刷新界面也不用每次将数据处理的工作提交给服务器来做,这样即减轻了服务器的负担又加快了响应速度、缩短了用户等候时间。

最早应用XMLHTTP的是微软,IEIE5以上)通过允许开发人员在Web页面内部使用XMLHTTP ActiveX组件扩展自身的功能,开发人员可以不用从当前的Web页面导航而直接传输数据到服务器上或者从服务器取数据。这个功能是很重要的,因为它帮助减少了无状态连接的痛苦,它还可以排除下载冗余HTML的需要,从而提高进程的速度。MozillaMozilla1.0以上及NetScape7以上)做出的回应是创建它自己的继承XML代理类:XMLHttpRequest类。Konqueror (Safari v1.2,同样也是基于KHTML的浏览器)支持XMLHttpRequest对象,Opera也将在其v7.6x+以后的版本中支持XMLHttpRequest对象。对于大多数情况,XMLHttpRequest对象和XMLHTTP组件很相似,方法属性也类似,只是有一小部分属性不支持

2.JavaScript

JavaScript是一在浏览器中大量使用的编程语言,,他以前一直被贬低为一门糟糕的语言(他确实在使用上比较枯燥),以在常被用来作一些用来炫耀的小玩意和恶作剧或是单调琐碎的表单验证。但事实是,他是一门真正的编程语言,有着自已的标准并在各种浏览器中被广泛支持

3.DOM

Document Object ModelDOM是给HTMLXML文件使用的一组API。它提供了文件的结构表述,让你可以改变其中的內容及可见物。其本质是建立网页与Script或程序语言沟通的桥梁。所有WEB开发人员可操作及建立文件属性方法及事件都以对象来展现(例如,document就代表“文件本身“这个对像,table对象则代表HTML的表格对象等等)。这些对象可以由当今大多数的浏览器以Script来取用。一个用HTMLXHTML构建的网页也可以看作是一组结构化的数据,这些数据被封在DOMDocument Object Model)中,DOM提供了网页中各个对象的读写的支持

本文为Anyforweb技术分享博客,需要了解网站建设相关,请访问anyforweb.com

原文链接:https://www.f2er.com/ajax/165044.html

猜你在找的Ajax相关文章