- 1、本文档共45页,可阅读全部内容。
- 2、原创力文档(book118)网站文档一经付费(服务费),不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。
- 3、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。如您付费,意味着您自己接受本站规则且自行承担风险,本站不退款、不进行额外附加服务;查看《如何避免下载的几个坑》。如果您已付费下载过本站文档,您可以点击 这里二次下载。
- 4、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“版权申诉”(推荐),也可以打举报电话:400-050-0827(电话支持时间:9:00-18:30)。
北京传智播客教育AJAX讲师:佟刚
什么是AjaxAjax的技术的产生Ajax被认为是(AsynchronousJavaScriptandXML的缩写)。现在,允许浏览器与服务器通信而无须刷新当前页面的技术都被叫做Ajax.“Ajax”这个名字是在2005年2月,AdaptivePath的JesseJamesGarrett在他的文章Ajax:ANewApproachtoWebApplication中创造。而Ajax这项技术,是Google在GoogleLabs发布GoogleMaps和GoogleSuggest后真正为人所认识。
Ajax应用实例-GoogleSuggest
Ajax应用实例-GoogleMaps
什么是AjaxAjax:一种不用刷新整个页面便可与服务器通讯的办法图1Web的传统模型。客户端向服务器发送一个请求,服务器返回整个页面,如此反复图2在Ajax模型中,数据在客户端与服务器之间独立传输。服务器不再返回整个页面
什么是Ajax不用刷新整个页面便可与服务器通讯的办法:FlashJavaapplet框架:如果使用一组框架构造了一个网页,可以只更新其中一个框架,而不必惊动整个页面隐藏的iframeXMLHttpRequest:该对象是对JavaScript的一个扩展,可使网页与服务器进行通信。是创建Ajax应用的最佳选择。实际上通常把Ajax当成XMLHttpRequest对象的代名词
Ajax的工作原理图xhtmlcssJavaScript
Ajax工具包Ajax并不是一项新技术,它实际上是几种技术,每种技术各尽其职,以一种全新的方式聚合在一起服务器端语言:服务器需要具备向浏览器发送特定信息的能力。Ajax与服务器端语言无关。XML(eXtensibleMarkupLanguage,可扩展标记语言)是一种描述数据的格式。Aajx程序需要某种格式化的格式来在服务器和客户端之间传递信息,XML是其中的一种选择XHTML(eXtendedHypertextMarkupLanguage,使用扩展超媒体标记语言)和CSS(CascadingStyleSheet,级联样式单)标准化呈现;DOM(DocumentObjectModel,文档对象模型)实现动态显示和交互;使用XMLHTTP组件XMLHttpRequest对象进行异步数据读取使用JavaScript绑定和处理所有数据
Ajax的缺陷AJAX不是完美的技术。使用AJAX,它的一些缺陷不得不权衡一下:由Javascript和AJAX引擎导致的浏览器的兼容页面局部刷新,导致后退等功能失效。对流媒体的支持没有FLASH、JavaApplet好。一些手持设备(如手机、PDA等)支持性差。
XMLHttpRequest的概述XMLHttpRequest最早是在IE5中以ActiveX组件的形式实现的。非W3C标准.创建XMLHttpRequest对象(由于非标准所以实现方法不统一)InternetExplorer把XMLHttpRequest实现为一个ActiveX对象其他浏览器(Firefox、Safari、Opera…)把它实现为一个本地的JavaScript对象。XMLHttpRequest在不同浏览器上的实现是兼容的,所以可以用同样的方式访问XMLHttpRequest实例的属性和方法,而不论这个实例创建的方法是什么。
创建XMLHttpRequest对象为了每次写Ajax的时候都节省一点时间,可以把对象检测的内容打包成一个可复用的函数:说明:对window.XMLHttpRequest的调用会返回一个对象或null,if语句会把调用返回的结果看作是true或false(如果返回对象则为true,返回null则为false)。如果XMLHttpRequest对象存在,则把xhr的值设为该对象的新实例。如果不存在,就去检测ActiveObject的实例是否存在,如果答案是肯定的,则把微软XMLHTTP的新实例赋给xhr
XMLHttpRequest的方法
XMLHttpRequest的属性
发送请求利用XMLHttpRequest实例与服务器进行通信包含以下3个关键部分:onreadystatechange事件处理函数open方法send方法
发送请求onreadystatechange:该事件处理函数由服务器触发,而不是用户在Ajax执行过程中,服务器会通知客户端当前的通信状态。这依靠更新XMLHttpRequest对象的readyState来实现。改变readyState属性是服务器对客户端连接操
您可能关注的文档
- lpc微控制器介绍路线图01 mcu new product新产品.pdf
- 广起编码用户操作手册.pdf
- tft显示应用3d 3d 3d大三上.pptx
- 课时-2部署exchange server 2013准备active 2 directory.pdf
- 同步讲解练习module 5专题复习.pdf
- 分析成果综合apag.pdf
- 三节部分语法焦点单元你铅笔吗es nos书包不这些他字典正式篇unit 3 period3.pptx
- analysis of viscoelastic bernoullieuler nanobeams incorporating nonlocal and microstructure effects考虑非局部微结构效应粘弹性勒纳米梁分析.pdf
- 初中英语教学:新目标九年级Unit78复习资料.docx
- 初中英语教学:人教新目标九年级分单元单词巧记Unit5.docx
文档评论(0)