php自学请第23章02 ajax使用的技术.pptVIP

Logo Logo Logo Logo Logo Logo Logo Logo Logo Logo Logo Logo Ajax使用的技术 本讲大纲： 1、JavaScript脚本语言 2、XMLHttpRequest 3、XML语言 4、DOM 5、CSS 支持网站： JavaScript脚本语言 JavaScript是一种在Web页面中添加动态脚本代码的解释性程序语 言，其核心已经嵌入到目前主流的Web浏览器中。虽然平时应用最多的是通过JavaScript实现一些网页特效及表单数据验证等功能，但JavaScript可以实现的功能远不止这些。JavaScript是一种具有丰富的面向对象特性的程序设计语言，利用它能执行许多复杂的任务，例如，Ajax就是利用JavaScript将DOM、XHTML（或HTML）、XML以及CSS等技术综合起来，并控制它们的行为。因此，要开发一个复杂高效的Ajax应用程序，就必须对JavaScript有深入的了解。关于JavaScript脚本语言的详细讲解可参考相关书籍。 XMLHttpRequest Ajax技术中，最核心的技术就是XMLHttpRequest，它是一个具有应用程序接口的JavaScript对象，能够使用超文本传输协议（HTTP）连接服务器，是微软公司为了满足开发者的需要，于1999年在IE 5.0浏览器中率先推出的。现在许多浏览器都对其提供了支持，但实现方式与IE有所不同。 通过XMLHttpRequest对象，Ajax可以像桌面应用程序一样只同服务器进行数据层面的交换，而不用每次都刷新页面，也不用每次都将数据处理的工作交给服务器来做，这样既减轻了服务器负担又加快了响应速度，从而缩短了用户等待的时间。 在使用XMLHttpRequest对象发送请求和处理响应之前，首先需要初始化该对象，由于XMLHttpRequest不是一个W3C标准，所以对于不同的浏览器，初始化的方法也不同。 IE浏览器 IE浏览器把XMLHttpRequest实例化为一个ActiveX对象。具体方法如下： var http_request = new ActiveXObject(Msxml2.XMLHTTP); 或者 var http_request = new ActiveXObject(Microsoft.XMLHTTP); 在上面代码中，Msxml2.XMLHTTP和Microsoft.XMLHTTP是针对IE浏览器的不同版本而进行设置的，目前比较常用的为这两种。 Mozilla、Safari等其他浏览器 Mozilla、Safari等其他浏览器把它实例化为一个本地JavaScript对象。具体方法如下： var http_request = new XMLHttpRequest(); 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) {} } } XMLHttpRequest 下面分别介绍XMLHttpRequest对象的常用方法和属性。 1．XMLHttpRequest对象的常用方法 下面对XMLHttpRequest对象的常用方法进行详细介绍。 （1）open()方法 open()方法用于设置进行异步请求目标的URL、请求方法以及其他参数信息，具体语法如下： open(method,URL[,asyncFlag[,userName[, password]]]) 在上面的语句中，method用于指定请求的类型，一般为get或post；URL用于指定请求地址，可以使用绝对地址或者相对地址，并且可以传递查询字符串；asyncFlag为可选参数，用于指定请求方式，同步请求为true，异步请求为false，默认情况下为true；use