欢迎来到天天文库
浏览记录
ID:21821829
大小:359.50 KB
页数:17页
时间:2018-10-20
《第11章 php与ajax》由会员上传分享,免费在线阅读,更多相关内容在教育资源-天天文库。
1、第11章PHP与AJAX11.1AJAX基础11.2PHP与AJAX交互11.1AJAX基础11.1.1AJAX的工作原理传统Web应用允许用户填写表单,当提交表单时向Web服务器发送一个HTTP请求。服务器接收并处理传来的表单,然后返回一个新的网页到用户浏览器。如图11.1所示为传统Web应用的工作原理。11.1.1AJAX的工作原理与传统Web应用不同的是,AJAX采用异步交互过程。AJAX可以仅向服务器发送并取回必需的数据,它使用SOAP(简单对象访问协议)或其他一些基于XML的WebService接口,并在客户端采用JavaScript处理来自服务
2、器的响应。用户在页面上获得的数据是通过AJAX引擎提供的,由于页面不需要与服务器直接交互,所以客户端浏览器不需要刷新页面就能获得服务器的信息,提高了页面的友好度。如图11.2所示为AJAX引擎的工作原理。11.1.2AJAX初始化不同的浏览器使用不同的方法来创建XMLHttpRequest对象。InternetExplorer使用ActiveXObject。其他浏览器使用名为XMLHttpRequest的JavaScript内建对象。例如,以下代码将创建一个XMLHttpRequest对象:11.1.2AJAX初始化微软最新版本的Msxml2.XMLHTTP组件在InternetExplorer6中可用。如果要使用它来创建XMLHttpRequest对象,可以使用代码。11.1.3发送HTTP请求open()方法的作用是建立对服务器的调用。语法格式如下:XMLHttp.open("method","url"[,flag])说明:method参数可以是GET或POST,对应表单的GET和POST方法。open()方法调用完后要调用send()方法,send()方法的作用是向服务器发送请求,语法格式如下:
5、XMLHttp.send(content)send()方法的参数如果是以GET方式发出,可以是任何想要传送给服务器的内容。11.1.4指定响应处理函数发送服务器请求后,需要指定当服务器返回信息时客户端的处理方式。这时只要将相应的处理函数的名称赋给XMLHttpRequest对象的onreadystatechange属性即可。每当状态改变时都会触发这个事件处理器,通常会调用一个JavaScript函数。例如:XMLHttp.onreadystatechange=function_nameXMLHttp为创建的XMLHttpRequest对象。函数名称func
6、tion_name不加括号,不指定参数。也可以使用JavaScript即时定义函数的方法来定义相应函数,例如:XMLHttp.onreadystatechange=function(){//代码}11.1.5处理服务器返回的信息readyState属性的值为4时,表示服务器已经传回了所有信息,可以开始处理信息并更新页面内容了。例如:if(XMLHttp.readyState==4){//处理信息}else{window.alert("请求还未成功");}11.1.5处理服务器返回的信息服务器返回信息后需要判断服务器的HTTP状态码,确定返回的页面没有错误。
7、通过判断XMLHttpRequest对象的status属性的值即可得到HTTP状态码。如200表示OK(成功),404表示NotFound(未找到)。例如:if(XMLHttp.status==200){//页面正常}else{window.alert("页面有问题");}XMLHttpRequest对象的statusTextHTTP属性保存了HTTP状态码的相应文本,如OK或NotFound等。XMLHttpRequest对成功返回的信息有如下两种处理方式。responseText:将传回的信息当字符串使用。responseXML:将传回的信息当XM
8、L文档使用,可以用DOM处理。11.2PHP与AJAX交互11.2
此文档下载收益归作者所有