JavaScript程序设计第10章 Ajax技术.pptVIP

使用Ajax的优点具体表现在以下几方面 （1）减轻服务器的负担。Ajax的原则是“按需求获取数据”，可以最大程度的减少冗余请求和响应对服务器造成的负担。 （2）可以把一部分以前由服务器负担的工作转移到客户端，利用客户端闲置的资源进行处理，减轻服务器和带宽的负担，节约空间和宽带租用成本。 （3）无刷新更新页面，从而使用用户不用再像以前一样在服务器处理数据时，只能在处于处理状态的白屏前焦急的等待。Ajax使用XMLHttpRequest对象发送请求并得到服务器响应，在不需要重新载入整个页面的情况下，就可以通过DOM及时将更新的内容显示在页面上。 （4）可以调用XML等外部数据，进一步促进Web页面显示和数据的分离。 （5）基于标准化的并被广泛支持的技术，不需要下载插件或者小程序。 JavaScript是一种在Web页面中添加动态脚本代码的解释性程序语言，其核心已经嵌入到目前主流的Web浏览器中。虽然平时应用最多的是通过JavaScript实现一些网页特效及表单数据验证等功能，其实JavaScript可以实现的功能远不止这些。JavaScript是一种具有丰富的面向对象特性的程序设计语言，利用它能执行许多复杂的任务 Ajax技术之中，最核心的技术就是XMLHttpRequest，它是一个具有应用程序接口的JavaScript对象，能够使用超文本传输协议（HTTP）连接一个服务器 在使用XMLHttpRequest对象发送请求和处理响应之前，首先需要初始化该对象，由于XMLHttpRequest不是一个W3C标准，所以对于不同的浏览器，初始化的方法也是不同的。 IE浏览器 IE浏览器把XMLHttpRequest实例化为一个ActiveX对象。具体方法如下： ? var http_request = new ActiveXObject(Msxml2.XMLHTTP); ? 或者 ? var http_request = new ActiveXObject(Microsoft.XMLHTTP); Mozilla、Safari等其他浏览器 Mozilla、Safari等其他浏览器把它实例化为一个本地JavaScript对象。具体方法如下： ? var http_request = new XMLHttpRequest(); ? 为了提高程序的兼容性，可以创建一个跨浏览器的XMLHttpRequest对象。方法很简单，只需要判断一下不同浏览器的实现方式，如果浏览器提供了XMLHttpRequest类，则直接创建一个实例，否则使用IE的ActiveX控件。具体代码如下： ? if (window.XMLHttpRequest) { //Mozilla、Safari等浏览器 http_request = new XMLHttpRequest(); } else if (window.ActiveXObject) { //IE浏览器 try { http_request = new ActiveXObject(Msxml2.XMLHTTP); } catch (e) { try { http_request = new ActiveXObject(Microsoft.XMLHTTP); } catch (e) {} } } 1．XMLHttpRequest对象的常用方法 （1）open()方法 open()方法用于设置进行异步请求目标的URL、请求方法以及其他参数信息，具体语法如下： ? open(method,URL[,asyncFlag[,userName[, password]]]) （2）send()方法 send()方法用于向服务器发送请求。如果请求声明为异步，该方法将立即返回，否则将等到接收到响应为止。具体语法格式如下： ? send(content) （3）setRequestHeader()方法 setRequestHeader()方法为请求的HTTP头设置值。具体语法格式如下： ? setRequestHeader(label, value) （4）abort()方法 abort()方法用于停止当前异步请求。 （5）getAllResponseHeaders()方法 getAllResponseHeaders()方法用于以字符串形式返回完整的HTTP头信息，当存在参数时，表示以字符串形式返回由该参数指定的HTTP头信息。 2．XMLHttpRequest对象的常用属性 属性 说明 onreadystatechange 每个状态改变时都会触发这个事件处理器，通常会调用一个JavaScript函数 readyState 请求的状态。有以下5个取值： 0 = 未初