Ajax编程技术第一章Ajax简介.pptVIP

Ajax编程技术第一章 Ajax简介 1.1 什么是Ajax Ajax：是Asynchronous JavaScript and XML(异步JavaScript 和XML技术)的简称，是一套特殊的Web编程技术，通过这种技术，开发人员可以使用来自服务器的输入无缝地更新部分Web页面或Web应用程序。弥补用了B/S方式开发交互式Web页面的不足。 Ajax只是一套特殊的编程技术，一种编程思想，不是技术规定。 Ajax并不是必须要使用XML技术，也并不是必须要异步 1.2 Ajax技术涉及的相关技术 Ajax技术所涉及的相关技术 XHTML和CSS； 文档对象模型(Document Object Model, DOM)； JavaScript； XML和XSLT； XMLHttpRequest对象。 1.2 Ajax技术涉及的相关技术 XHTML XHTML可扩展标记语言是HTML语言的前任，主要区别是HTML语法不很严格，浏览器负责合理地解释并显示HTML标记中的内容；而XHTML现在遵循严格的XML规则。例如，XML必须是格式良好的，必须正确地打开关闭，必须正确地嵌套： 1.2 Ajax技术涉及的相关技术 CSS CSS层叠式样表，是HTML页面的摸板，用来描述页面中的数据的呈现方式和布局。 1.2 Ajax技术涉及的相关技术 文档对象模型DOM 简单地说，DOM是一种Web页面的层级或树型结构表示。其中页面的每一部分，如图形、文本框、按钮等都通过浏览器模拟。 DOM是W3C()组织的标准，所有浏览器呈现的页面都遵循这种标准。 1.2 Ajax技术涉及的相关技术 JavaScript JavaScript是一种浏览器脚本语言。必须熟练掌握了这种语言，才能掌握Ajax编程技术。 1.2 Ajax技术涉及的相关技术 XML、XSLT、XPath XML：一种用语描述和结构化数据的语言； XSLT：一种将XML文档转换为XML其它XML文档的语言，它也可以将HTML或纯文本指定为其他输出格式； XPath：XSLT在实施转换时，使用XPath语言来查询XML文档。XPath查询用来定位原始XML文档的元素。 1.2 Ajax技术涉及的相关技术 XMLHttprequest对象 这是微软中引入的一个ActiveX控件，称为XMLHttp对象，棒定在IE5中。 不久，Mozilla工程师也在Mozilla 1 和 Netscape7创建了相应的东西，即XMLHttpRequest对象。 在IE7中，除了ActiveX控件外，还有一个原本的XMLHttpRequest对象。 在Safari1.2 和Opera中，也包含了此对象。 1.2 Ajax技术涉及的相关技术 XMLHttprequest对象是干什么的？ XMLHttprequest对象用来使开发人员在后台提交和接收XML文档。 以前可以用隐藏的框架 iframe 来执行这种任务，但现在XMLHttprequest对象更精通与此道，它允许发送和接收数据。 1.2 Ajax技术涉及的相关技术 XMLHttprequest对象缺点 它还不是标准，单独的方法来创建他们 IE7以前的IE，的创建方法是： var xHRObject = new ActiveXObject(“microsoft.XMLHTTP”); IE7和其他浏览器的创建方法是： var xHRObject = new XMLHttpRequest(); 因此，创建XMLHttpRequest对象时，必须先检测所使用的浏览器是哪种类型。 1.2 Ajax技术涉及的相关技术 1.3 Ajax应用程序模型 最初，Web只是用来显示HTML文档。当时的应用程序模型为：用户在客户端输入数据，发送页面到服务器，等待响应。 这种模型只是用来处理Web页面，后来出现了同步通讯问题。 1.3 Ajax应用程序模型 同步：Web上，同步意味着用户请求一个HTML页面，然后浏览器代表用户发送一个HTTP请求给Web服务器。服务器收到请求后进行一些处理，然后将结果以HTML页面返回给发出请求的浏览器。浏览器收到页面后显示出这个页面。 1.3 Ajax应用程序模型 浏览器只发出请求，服务器只响应请求。通讯始终是单向的。“请求/响应”周期是同步的，在此期间，用户只能被动等待。 同步存在的问题 性能底下：输入-响应-等待的模式造成时间上的浪费； 只要刷新页面，就会发送一个新的请求给服务器，带来额外的服务器响应负担、更高的带宽消耗。 最根本的问题是，没有提供双向、实时的通信。服务器没有办法发起更新 1.3 Ajax应用程序模型 同步方案下的Web应用程序的问题 浏览