AJAX基础54901345.pptVIP

超时机制 有时仅凭状态码还不能避免错误，例如请求丢失的时候，服务器永远不回返回状态，这时应建立超时机制。 * AJAX基础 * AJFJDSHFDHGKHFKLGHSKHGLKDHGJHLKSHDGJLSHLGDHSLHG AJAX的崛起 2005年2月8号，一名叫Jesse-James Garret的程序员发布了一篇在线文章----“Ajax:Web应用的新方法”。Garret引进了“Ajax”这个词，为像Google Maps和Google Suggest这类新一代的行为丰富的Web应用(rich web application)背后的架构贴上标签。 * Ajax技术本质 Ajax既不是插件，也不是专利技术，而是一种架构风格（高层次的模式），它由很多相关的技术和想法组成。 Ajax缩写：Asynchronous JavaScript+XML实际上AJAX由以下几部分组成： CSS XMLHttpRequest DOM Asynchronous JavaScript AJAX * AJAX应用的特性 是应用，而不是网站 平滑，连续的交互 实时 充分的支持 视觉效果 定义：建造能交付功能丰富的，响应能力良好的，具有良好用户操作体验的标准WEB技术 * 恰当使用AJAX AJAX豪华版 对AJAX的使用最彻底，应用感觉上就像浏览器里的桌面应用，因为交互由浏览器在驱动—它协调用户与服务器之间的所有交互，因此没有（或只有一点点）直接的页面刷新，类似的，不需要在服务器做会话跟踪，因为没有页面的刷新，所有相关状态都可以保持在浏览器脚本里，服务器不必了解HTML，并且可能只提供一般的WEB服务。 AJAX轻量版 总体来说，AJAX轻量版应用比较像传统的WEB应用，但在一些地方加上了AJAX功能，例如，在标准表单提交前，AJAX可以被用来验证表单，或者在用户请求协助时，AJAX可以被用来显示页面的操作说明。 你将使用哪一个版本？ 豪华版方法更实用具有更高级的WEB编程知识，拥有相关工具与跨浏览器库的开发团队，通常可以获得较好的，效率更高的用户界面，它也促成划分良好的架构，因为表现层逻辑可以完全隔离在浏览器里，业务逻辑则完全被隔离在服务器里，不过，豪华版应用可能让浏览器和网络能力承受压力，而且如果使用过时的浏览器，甚至可以完全无法运行，因为AJAX功能通常被关掉，以支持优雅的降级（graceful degradation） * 浏览器的选择 支持XMLHttpRequest对象的主流浏览器： Windows IE 5++ FireFox 1+ Mozilla 1+ Safari1.2+ Opera7.6+ * 考虑浏览器处理能力与网络能力 JavaScript是解释性语言，所以它执行得不够快，特别是客户需要打开许多浏览器窗口时，比如还有网页的音乐播放器，邮件客户端，另外的WEB应用，以及一系列常见的常驻后台应用，没有固定的指南，因此，在考虑浏览器处理能力时主要是仿真应用将会在上面运行的环境类型，并且测试，测试，再测试 网络能力： 总的处理能力（带宽） 传输延迟 * 最简单的AJAX程序 * * 范例中存在的问题： 怎样取得XMLHttpRequest? 异步调用怎样工作？ 怎样处理错误？ * 建立XMLHttpRequest对象 在多数浏览器里， XMLHttpRequest是标准的JavaScript类，Microsoft发明了此对象，但在IE7之前，只提供Activex对象，更复杂的是，这个对象存在不同的版本，所以，我们创建一个工厂函数，以支持任何浏览器的XMLHttpRequest对象。 * * onreadystatechange:指定当readyState属性改变时的事件处理句柄，属性只写。 * readyState：返回当前请求的状态，属性只读。????这些状态用长度为４的整形数据表示，其属性的状态含义如下：????0：未初始化（对象已经建立，但是未初始化，即尚未调用open方法创建http请求）????1：初始化（对象已经建立，但是未调用send方法发送http请求）????2：发送数据（send方法已经被调用，但是当前的状态以及http头未知）????3：数据传送中（已经接收部分数据，因为响应及http头不全，这时通过response系统方法获取部分数据会出现错误）????4：传送完成（数据完毕，此时可以通过response系统方法获取完整的回应数据）?responseBody:将回应信息正文以unsigned byte 数组形式返回，属性只读。?responseText:以字符串的形式返回服务器响应信息，属性只读。?responseXML:将响应信息格式化