PHP+ajax实现的省市联动功能

这篇文章主要介绍了PHP+原生态ajax实现的省市联动功能,较为详细的分析了ajax交互的原理、实现方法以及php结合ajax实现省市联动下拉菜单功能的相关操作技巧,需要的朋友可以参考下

具体如下：

Ajax的核心是JavaScript对象XmlHttpRequest。该对象在Internet Explorer 5中首次引入，它是一种支持异步请求的技术。简而言之，XmlHttpRequest使您可以使用JavaScript向服务器提出请求并处理响应，而不阻塞用户。

XMLHttpRequest

XMLHttpRequest对象在大部分浏览器上已经实现而且拥有一个简单的接口允许数据从客户端传递到服务端，但并不会打断用户当前的操作。使用XMLHttpRequest传送的数据可以是任何格式，虽然从名字上建议是XML格式的数据。

开发人员应该已经熟悉了许多其他XML相关的技术。XPath可以访问XML文档中的数据，但理解XML DOM是必须的。类似的，XSLT是最简单而快速的从XML数据生成HTML或XML的方式。许多开发人员已经熟悉Xpath和XSLT，因此AJAX选择XML作为数据交换格式是有意义的。XSLT可以被用在客户端和服务端，它能够减少大量的用JavaScript编写的应用逻辑。
对于Internet Explorer浏览器：

Internet 5.0-6.0:

xmlhttp_request = new ActiveXObject("Msxml2.XMLHTTP.3.0"); //3.0或4.0,5.0xmlhttp_request = new ActiveXObject("Msxml2.XMLHTTP");xmlhttp_request = new ActiveXObject("Microsoft.XMLHTTP");

Internet 7.0及以上:

xmlhttp_request = new XMLHttpRequest();

自动判断的代码:

var xmlhttp;if (window.XMLHttpRequest) { // code for IE7+, Firefox, Chrome, Opera, Safari  xmlhttp = new XMLHttpRequest();} else { // code for IE6, IE5  xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");}

在实际应用中，为了兼容多种不同版本的浏览器，一般将创建XMLHttpRequest类的方法写成如下形式：

try {  if (window.ActiveXObject) {    for (var i = 5; i; i--) {      try {        if (i == 2) {          xmlhttp_request = new ActiveXObject("Microsoft.XMLHTTP");        } else {          xmlhttp_request = new ActiveXObject("Msxml2.XMLHTTP." + i + ".0");        <i>*本5文来源gaodai$ma#com搞$$代**码)网@</i><img>搞代码gaodaima</img>  xmlhttp_request.setRequestHeader("Content-Type", "text/xml");          xmlhttp_request.setRequestHeader("Charset", "gb2312");        }        break;      } catch(e) {        xmlhttp_request = false;      }    }  } else if (window.XMLHttpRequest) {    xmlhttp_request = new XMLHttpRequest();    if (xmlhttp_request.overrideMimeType) {      xmlhttp_request.overrideMimeType('text/xml');    }  }} catch(e) {  xmlhttp_request = false;}

发送请求

可以调用HTTP请求类的open()和send()方法，如下所示：

xmlhttp_request.open('GET',URL,true);xmlhttp_request.send(null);

open()的第一个参数是HTTP请求方式—GET，POST或任何服务器所支持的您想调用的方式。按照HTTP规范，该参数要大写；否则，某些浏览器(如Firefox)可能无法处理请求。

第二个参数是请求页面的URL。

第三个参数设置请求是否为异步模式。如果是TRUE，JavaScript函数将继续执行，而不等待服务器响应。这就是"AJAX"中的"A"。

喜欢 (0)赏

[搞代码]

分享 (0)