PHP 如何处理 AJAX 请求
2017-08-08 12:18
330 查看
AJAX 请求
在下面的 AJAX 例子中,我们将演示当用户向 web 表单中输入数据时,网页如何与在线的 web 服务器进行通信。在下面的文本框中输入名字:
First Name:Suggestions:
这个例子包括三张页面:
一个简单的 HTML 表单
一段 JavaScript
一张 PHP 页面
HTML 表单
这是 HTML 表单。它包含一个简单的 HTML 表单和指向 JavaScript 的链接:<html> <head> <script src="clienthint.js"></script> </head> <body> <form> First Name: <input type="text" id="txt1" onkeyup="showHint(this.value)"> </form> <p>Suggestions: <span id="txtHint"></span></p> </body> </html>
例子解释 – HTML 表单
正如您看到的,上面的 HTML 页面含有一个简单的 HTML 表单,其中带有一个名为 “txt1″ 的输入字段。该表单是这样工作的:
当用户在输入域中按下并松开按键时,会触发一个事件
当该事件被触发时,执行名为 showHint() 的函数
表单的下面是一个名为 “txtHint” 的 <span>。它用作 showHint() 函数所返回数据的占位符。
JavaScript
JavaScript 代码存储在 “clienthint.js” 文件中,它被链接到 HTML 文档:var xmlHttp function 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="+str url=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” 中的代码会检查名字数组,然后向客户端返回对应的名字:
<?php // Fill up array with names $a[]="Anna"; $a[]="Brittany"; $a[]="Cinderella"; $a[]="Diana"; $a[]="Eva"; $a[]="Fiona"; $a[]="Gunda"; $a[]="Hege"; $a[]="Inga"; $a[]="Johanna"; $a[]="Kitty"; $a[]="Linda"; $a[]="Nina"; $a[]="Ophelia"; $a[]="Petunia"; $a[]="Amanda"; $a[]="Raquel"; $a[]="Cindy"; $a[]="Doris"; $a[]="Eve"; $a[]="Evita"; $a[]="Sunniva"; $a[]="Tove"; $a[]="Unni"; $a[]="Violet"; $a[]="Liza"; $a[]="Elizabeth"; $a[]="Ellen"; $a[]="Wenche"; $a[]="Vicky"; //get the q parameter from URL $q=$_GET["q"]; //lookup all hints from array if length of q>0 if (strlen($q) > 0) { $hint=""; for($i=0; $i<count($a); $i++) { if (strtolower($q)==strtolower(substr($a[$i],0,strlen($q)))) { if ($hint=="") { $hint=$a[$i]; } else { $hint=$hint." , ".$a[$i]; } } } } //Set output to "no suggestion" if no hint were found //or to the correct values if ($hint == "") { $response="no suggestion"; } else { $response=$hint; } //output the response echo $response; ?>
如果存在从 JavaScript 送来的文本 (strlen($q) > 0),则:
找到与 JavaScript 所传送的字符相匹配的名字
如果找到多个名字,把所有名字包含在 response 字符串中
如果没有找到匹配的名字,把 response 设置为 “no suggestion”
如果找到一个或多个名字,把 response 设置为这些名字
把 response 发送到 “txtHint” 占位符
相关文章推荐
- PHP处理Ajax请求与Ajax跨域问题
- php中如何判断一个网页请求是ajax请求还是普通请求
- 如何处理$.ajax的异步请求
- PHP如何判断ajax请求
- 如何ASP.NET Core Razor中处理Ajax请求
- 韩顺平 PHP视频教程 Ajax技术第05讲-返回XML如何处理
- php如何判断ajax请求
- Hybrid架构下,加载本地H5资源后,如何处理Ajax请求?
- php服务端 如何接受前端使用ajax发送get请求而传递过来的汉字
- ASP.NET MVC 中如何用自定义 Handler 来处理来自 AJAX 请求的 HttpRequestValidationException 错误
- PHP如何在请求完毕后继续处理耗时任务
- PHP在处理ajax返回值的时候,如果使用return如 return $result会失败,echo $result却没问题。解释原因如下: 1.ajax请求从服务器端读取返回值,而且这些返回值必
- 在Web应用中,会用到大量的Ajax请求,在Ajax请求中存在的一个问题就是如何判断session超时,在网上找到的一个java中处理此问题方法:
- php服务端 如何接受前端使用ajax发送get请求而传递过来的汉字
- 如何ASP.NET Core Razor中处理Ajax请求
- LoadRunner如何处理AJAX异步请求
- PHP处理Ajax请求与Ajax跨域
- spring mvc后台如何处理ajax的请求,并返回json
- Ajax(3):get请求之表单中含有中文时如何处理
- PHP处理Ajax请求与Ajax跨域