PHP+原生态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:

rush:js;"> xmlHTTP_Request = new ActiveXObject("Msxml2.XMLHTTP.3.0"); //3.0或4.0,5.0 xmlHTTP_Request = new ActiveXObject("Msxml2.XMLHTTP"); xmlHTTP_Request = new ActiveXObject("Microsoft.XMLHTTP");

Internet 7.0及以上:

rush:js;"> xmlHTTP_Request = new XMLHttpRequest();

自动判断的代码:

rush:js;"> 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类的方法写成如下形式:

rush:js;"> 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"); 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()方法,如下所示:

rush:js;"> xmlHTTP_Request.open('GET',URL,true); xmlHTTP_Request.send(null);

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

页面的URL。

函数将继续执行,而不等待服务器响应。这就是"AJAX"中的"A"。

服务器的响应

这需要告诉HTTP请求对象用哪一个JavaScript函数处理这个响应。可以将对象的onreadystatechange属性设置为要使用的JavaScript的函数名,如下所示:

rush:js;"> xmlHTTP_Request.onreadystatechange =FunctionName;

FunctionName是用JavaScript创建的函数名,注意不要写成FunctionName(),当然我们也可以直接将JavaScript代码创建在onreadystatechange之后,例如:

rush:js;"> xmlHTTP_Request.onreadystatechange = function(){ // JavaScript代码段 };

首先要检查请求的状态。只有当一个完整的服务器响应已经收到了,函数才可以处理该响应。XMLHttpRequest 提供了readyState属性来对服务器响应进行判断。

的取值如下:

0 (未初始化) 1 (正在装载) 2 (装载完毕) 3 (交互中) 4 (完成)

所以只有当readyState=4时,一个完整的服务器响应已经收到了,函数才可以处理该响应。具体代码如下:

rush:js;"> if (HTTP_Request.readyState == 4) { // 收到完整的服务器响应 }else { // 没有收到完整的服务器响应 }

当readyState=4时,一个完整的服务器响应已经收到了,接着,函数会检查HTTP服务器响应的状态值。完整的状态取值可参见W3C文档。当HTTP服务器响应的值为200时,表示状态正常。

处理从服务器得到的数据

有两种方式可以得到这些数据:

(1) 以文本字符串的方式返回服务器的响应 (2) 以XMLDocument对象方式返回响应

应用程序架构应用程序框架

(小例子一)---------demo5.PHP--get传值方式

rush:PHP;"> 事件
用户名
密码 注册"/>

demo51_do.PHP

rush:PHP;">

(小例子二)

post传值方式demo6.PHP

rush:PHP;"> 事件
用户名
密码 注册"/>

demo6_do.PHP

rush:PHP;">

(小例子三)----xml

demo7.PHP

rush:PHP;"> 事件
--请选择--

demo7_do.PHP

rush:PHP;"> PHP header("content-type:text/xml;charset=utf-8"); $shen = $_GET['shen']; if($shen == "1"){ $city = "石家庄保定沧州"; }else if($shen == "2"){ $city = "郑州新乡登封"; }else if($shen == "3"){ $city = "东莞中山广州"; } echo $city; ?>

更多关于PHP相关内容感兴趣的读者可查看本站专题:《》、《》、《》、《》、《》、《》及《PHP常见数据库操作技巧汇总》

希望本文所述对大家PHP程序设计有所帮助。

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐


服务器优化必备:深入了解PHP8底层开发原理
Golang的网络编程:如何快速构建高性能的网络应用?
Golang和其他编程语言的对比:为什么它的开发效率更高?
PHP8底层开发原理揭秘:如何利用新特性创建出色的Web应用
将字符重新排列以形成回文(如果可能)在C++中
掌握PHP8底层开发原理和新特性:创建高效可扩展的应用程序
服务器性能优化必学:掌握PHP8底层开发原理
PHP8新特性和底层开发原理详解:优化应用性能的终极指南
将 C/C++ 代码转换为汇编语言
深入研究PHP8底层开发原理:创建高效可扩展的应用程序
C++程序查找法向量和迹
PHP8底层开发原理实战指南:提升服务器效能
重排数组,使得当 i 为偶数时,arr[i] >= arr[j],当 i 为奇数时,arr[i] <= arr[j],其中 j < i,使用 C++ 语言实现
Golang的垃圾回收:为什么它可以减少开发人员的负担?
C++程序:将一个数组的所有元素复制到另一个数组中
Golang:构建智能系统的基石
为什么AI开发者应该关注Golang?
在C和C++中,逗号(comma)的用法是用来分隔表达式或语句
PHP8底层开发原理解析及新特性应用实例
利用PHP8底层开发原理解析新特性:如何构建出色的Web应用