PHP程序设计第13章.ppt

第13章 Ajax技术 01 Ajax概述 02 Ajax技术的组成 03 Ajax与PHP的交互 04 Ajax开发注意事项 1 Ajax概述 主要内容 什么是Ajax Ajax的开发模式 Ajax的优点 01 02 03 什么是Ajax Ajax是Asynchronous JavaScript And XML的缩写，即异步JavaScript和XML技术。 Ajax的开发模式 Ajax中，页面中用户的操作将通过Ajax引擎与服务器端进行通信，然后将返回结果提交给客户端页面的Ajax引擎，再由Ajax引擎来决定将这些数据插入到页面的指定位置。 Ajax的优点 无刷新更新页面。 减轻服务器和带宽的负担，节约空间和宽带租用成本。 减轻服务器的负担。 可以调用XML等外部数据，进一步促进Web页面显示和数据的分离。 Ajax是基于标准化并被广泛支持的技术，不需要下载插件或者小程序。 2 Ajax技术的组成 主要内容 JavaScript脚本语言 XMLHttpRequest对象 XML语言 01 02 03 DOM 04 CSS 05 JavaScript是一种具有丰富的面向对象特性的程序设计语言，利用它能执行许多复杂的任务，例如，Ajax就是利用JavaScript将DOM、XHTML（或HTML）、XML以及CSS等技术综合起来，并控制它们的行为。 JavaScript脚本语言 XMLHttpRequest对象 为了提高程序的兼容性，可以创建一个跨浏览器的XMLHttpRequest对象。 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对象 open()方法用于设置进行异步请求目标的URL、请求方法以及其他参数信息。 XMLHttpRequest对象的常用方法 open()方法 open("method","URL"[,asyncFlag[,"userName"[, "password"]]]) 语法 XMLHttpRequest对象 send()方法用于向服务器发送请求。如果请求声明为异步，该方法将立即返回，否则将等到接收到响应为止。 send()方法 send(content) 语法 setRequestHeader()方法为请求的HTTP头设置值。 setRequestHeader()方法 setRequestHeader("label", "value") 语法 XMLHttpRequest对象 abort()方法用于停止当前异步请求。 abort()方法 getAllResponseHeaders()方法用于以字符串形式返回完整的HTTP头信息，当存在参数时，表示以字符串形式返回由该参数指定的HTTP头信息。 getAllResponseHeaders()方法 XMLHttpRequest对象 XMLHttpRequest对象的常用属性 属 性 说 明 onreadystatechange 每次状态改变都会触发这个事件处理器，通常会调用一个JavaScript函数 readyState 请求的状态。 responseText 服务器的响应，表示为字符串 responseXML 服务器的响应，表示为XML。这个对象可以解析为一个DOM对象 status 返回服务器的HTTP状态码 statusText 返回HTTP状态码对应的文本 XMLHttpRequest对象 XMLHttpRequest对象与服务器交互 Ajax与服务器的交互分为以下3个步骤： （1）初始化XMLHttpRequest对象 （2）设置请求状态和返回处理函数 （3）发送HTTP请求 xmlobj.onre