AsynchronousJavaScriptandXML异步JavaScript和XML.pptVIP

Ajax Asynchronous JavaScript and XML 异步JavaScript和XML Web 2.0 简介 纯静态页面（Web 1.0）→ CMS+数据库（Web 1.5）→ 用户导向的社会化网络（Web 2.0） Web 2.0代表的是一个新的网络阶段，它本身没有特别明确的定义，一般我们将促成这个阶段的各种技术和相关的产品服务统称为Web 2.0 。 Ajax就是这一系列技术和产品服务中非常重要的成员，此外还包括博客、数据独立性、RSS、个性化页面等各种网络服务方式。 Ajax与传统web应用的比较 Ajax与传统web应用的比较 传统的web应用允许用户填写表单(form)，当提交表单时就向web服务器发送一个请求。服务器接收并处理传来的表单，然后返回一个新的网页。这个做法浪费了许多带宽，因为在前后两个页面中的大部分HTML代码往往是相同的。 与此不同，Ajax应用可以仅向服务器发送并取回必需的数据(按需取数据)，并在客户端采用JavaScript处理来自服务器的响应。因为在服务器和浏览器之间交换的数据大量减少，结果我们就能看到部分页面的瞬时更新。同时很多的处理工作可以在客户端上完成，所以有效的减轻了Web服务器的负担，节约了宽带成本。 Ajax能实现无刷新更新页面，从而减少用户的等待时间，提供该用户一种连续的体验。 用户的请求不再直接向服务器发送，而是通过 JavaScript 脚本使用 XMLHttpResponse 对象向服务器发送 Ajax从服务器端返回的数据可以是XML格式，也可以是文本等其他格式 Ajax与传统web应用的比较 同步交互方式 当用户向HTTP服务器提交一个请求，在服务器返回响应之前，用户只能处于等待状态，此时页面显示的内容只能是一片空白。 异步交互方式 Ajax相当于在浏览器与服务器之间架设了一个桥梁，借助它可以消除网络交互过程中的处理-等待-处理-等待等缺陷，在服务器返回响应之前，当前线程将继续执行后续代码，然后用户可以继续操作当前HTML文档，即使Ajax更新页面内容是瞬时的。 Ajax相关技术 XHTML + CSS：XHTML是对HTML的扩展 XML + XSTL：XSTL最主要功能是将XML转换为HTML 说明：XSTL主要用在服务器端处理文档，而CSS在客户端显示数据 DOM：一种文档平台，允许脚本语言去操作XML文档 比如 JavaScript 脚本语言中一系列操作HTML文档的浏览器对象 XMLHttpRequest：Ajax技术中最重要的一个对象 JavaScript：使用它将以上所有的东西整合在一起 XMLHttpRequest 对象简介 XMLHttpRequest 最早是在 IE 5（1999年春发布）中以 ActiveX 组件形式实现的，由于只能在 IE 中使用，所以大多数开发人员没有使用它，直到最近，其他一些浏览器把它采用为事实上的标准，情况才有所改观。而微软已经在其IE 7中把XMLHttpRequest实现为一个窗口对象属性 但是直到如今，它仍然不是一个W3C标准，所以在不同的浏览器上的表现也稍有区别，不过大多数方法和属性都得到了广泛的支持。 对于不同的浏览器，只需检查浏览器是否支持 ActiveX 控件就能正确的创建XMLHttpRequest的实例。 XMLHttpRequest是整个 Ajax 技术的灵魂 XMLHttpRequest 对象方法 XMLHttpRequest 对象属性 Ajax工作流程 用户操作触发 JavaScript 事件(非表单提交)，调用JavaScript函数。 实例化 XMLHttpRequest 对象。 指定响应处理函数：设置 onreadystatechange 属性。 发出请求：使用open()方法建立对服务器的调用，并使用send()方法向服务器发送请求。 服务器接受请求，发送响应结果。 XMLHttpRequest对象状态的改变，将触发onreadystatechange事件，自动调用相应的处理函数，并处理服务器返回的响应信息 触发 JavaScript 事件 /*不应使用 onSubmit 表单提交事件*/ input type=button value=登录 onclick=userCheck() a href=javascript:userCheck()登录/a function userCheck () { var name=document.getElementById(loginName).value; var pwd=document.getEl