PHP 和 AJAX 请求
在下面的 AJAX 例子中,我们将演示当用户向 web 表单中输入数据时,网页如何与在线的 web 服务器进行通信。
在下面的文本框中输入名字: First Name:
Suggestions:
这个例子包括三张页面:
一个简单的 HTML 表单 一段 JavaScript 一张 PHP 页面HTML 表单
这是 HTML 表单。它包含一个简单的 HTML 表单和指向 JavaScript 的链接:
Suggestions:
例子解释 - HTML 表单正如您看到的,上面的 HTML 页面含有一个简单的 HTML 表单,其中带有一个名为 "txt1" 的输入字段。
该表单是这样工作的:
当用户在输入域中按下并松开按键时,会触发一个事件 当该事件被触发时,执行名为 showHint() 的函数 表单的下面是一个名为 "txtHint" 的 。它用作 showHint() 函数所返回数据的占位符。JavaScript
JavaScript 代码存储在 "clienthint.js" 文件中,它被链接到 HTML 文档:
var xmlHttpfunction showHint(str){if (str.length==0) { document.getElementById("txtHint").innerHTML="" return }xmlHttp=GetXmlHttpObject()if (xmlHttp==null) { alert ("Browser does not support HTTP Request") return } var url="gethint.php"url=url+"?q="+strurl=url+"&sid="+Math.random()xmlHttp.onreadystatechange=stateChanged xmlHttp.open("GET",url,true)xmlHttp.send(null)} function stateChanged() { if (xmlHttp.readyState==4 || xmlHttp.readyState=="complete") { document.getElementById("txtHint").innerHTML=xmlHttp.responseText } }function GetXmlHttpObject(){var xmlHttp=null;try { // Firefox, Opera 8.0+, Safari xmlHttp=new XMLHttpRequest(); }catch (e) { // Internet Explorer try { xmlHttp=new ActiveXObject("Msxml2.XMLHTTP"); } catch (e) { xmlHttp=new ActiveXObject("Microsoft.XMLHTTP"); } }return xmlHttp;}例子解释: showHint() 函数
每当在输入域中输入一个字符,该函数就会被执行一次。
如果文本框中有内容 (str.length > 0),该函数这样执行:
定义要发送到服务器的 URL(文件名) 把带有输入域内容的参数 (q) 添加到这个 URL 添加一个随机数,以防服务器使用缓存文件 调用 GetXmlHttpObject 函数来创建 XMLHTTP 对象,并在事件被触发时告知该对象执行名为 stateChanged 的函数 用给定的 URL 来打开打开这个 XMLHTTP 对象 向服务器发送 HTTP 请求如果输入域为空,则函数简单地清空 txtHint 占位符的内容。
stateChanged() 函数每当 XMLHTTP 对象的状态发生改变,则执行该函数。
在状态变成 4 (或 "complete")时,用响应文本填充 txtHint 占位符 txtHint 的内容。
GetXmlHttpObject() 函数AJAX 应用程序只能运行在完整支持 XML 的 web 浏览器中。
上面的代码调用了名为 GetXmlHttpObject() 的函数。
该函数的作用是解决为不同浏览器创建不同 XMLHTTP 对象的问题。
这一点在上一节中已经解释过了。
PHP 页面
被 JavaScript 代码调用的服务器页面是一个名为 "gethint.php" 的简单服务器页面。
"gethint.php" 中的代码会检查名字数组,然后向客户端返回对应的名字:
0if (strlen($q) > 0){$hint="";for($i=0; $i
如果存在从 JavaScript 送来的文本 (strlen($q) > 0),则:
找到与 JavaScript 所传送的字符相匹配的名字 如果找到多个名字,把所有名字包含在 response 字符串中 如果没有找到匹配的名字,把 response 设置为 "no suggestion" 如果找到一个或多个名字,把 response 设置为这些名字 把 response 发送到 "txtHint" 占位符声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。
推荐阅读
-
PHP 和 AJAX 请求
-
PHP字符串比较函数strcmp()和strcasecmp()使用总结,strcmpstrcasecmp_PHP教程
-
php中Session的生成机制、回收机制和存储机制探究
-
yii 2.0 GridView-自定义按钮和链接,yiigridview-_PHP教程
-
php中全等===和相等==的用法区别
-
PHP字符串截取函数strlen和mb_strlen的区别,strlenmb_strlen_PHP教程
-
使用JavaScript创建新样式表和新样式规则_php实例
-
PHP如何实现Unicode和Utf-8编码相互转换_PHP
-
PHP在XP下IIS和Apache2服务器上的安装_php基础
-
php中的curl使用入门教程和常见用法实例_php实例