php加ajax,PHP – AJAX 与 PHP | 菜鸟教程

清疚 2023-01-17 04:54 132阅读 0赞

PHP - AJAX 与 PHP

AJAX 被用于创建交互性更强的应用程序。

AJAX PHP 实例

下面的实例将演示当用户在输入框中键入字符时，网页如何与 Web 服务器进行通信：

实例

尝试在输入框中输入一个名字，如：Anna:

姓名:

返回值:

实例解释 - HTML 页面

当用户在上面的输入框中键入字符时，会执行 "showHint()" 函数。该函数由 "onkeyup" 事件触发：

function showHint(str)

if (str.length==0)

document.getElementById("txtHint").innerHTML="";

return;

if (window.XMLHttpRequest)

// IE7+, Firefox, Chrome, Opera, Safari 浏览器执行的代码

xmlhttp=new XMLHttpRequest();

else

//IE6, IE5 浏览器执行的代码

xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");

xmlhttp.onreadystatechange=function()

if (xmlhttp.readyState==4 && xmlhttp.status==200)

document.getElementById("txtHint").innerHTML=xmlhttp.responseText;

xmlhttp.open("GET","gethint.php?q="+str,true);

xmlhttp.send();

**在输入框中输入一个姓名:**

姓名:

返回值:

源代码解释：

如果输入框是空的(str.length==0)，该函数会清空 txtHint 占位符的内容，并退出该函数。

如果输入框不是空的，那么 showHint() 会执行以下步骤：

创建 XMLHttpRequest 对象

创建在服务器响应就绪时执行的函数

向服务器上的文件发送请求

请注意添加到 URL 末端的参数(q)(包含输入框的内容)

PHP 文件

上面这段通过 JavaScript 调用的服务器页面是名为 "gethint.php" 的 PHP 文件。

"gethint.php" 中的源代码会检查姓名数组，然后向浏览器返回对应的姓名：

// 将姓名填充到数组中

$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";

//从请求URL地址中获取 q 参数

$q=$\_GET\["q"\];

//查找是否由匹配值， 如果 q>0

if (strlen($q) > 0)

$hint="";

for($i=0; $i

if (strtolower($q)==strtolower(substr($a\[$i\],0,strlen($q))))

if ($hint=="")

$hint=$a\[$i\];

else

$hint=$hint." , ".$a\[$i\];

// 如果没有匹配值设置输出为 "no suggestion"

if ($hint == "")

$response="no suggestion";

else

$response=$hint;

//输出返回值

echo $response;

解释：如果 JavaScript 发送了任何文本(即 strlen($q) > 0)，则会发生：

查找匹配 JavaScript 发送的字符的姓名

如果未找到匹配，则将响应字符串设置为 "no suggestion"

如果找到一个或多个匹配姓名，则用所有姓名设置响应字符串

把响应发送到 "txtHint" 占位符

PHP Ajax 跨域问题解决方案

如果你的异步请求需要跨域可以查看：PHP Ajax 跨域问题解决方案。

php加ajax,PHP – AJAX 与 PHP | 菜鸟教程

发表评论取消回复

还没有评论，来说两句吧...

相关阅读

相关 PHP - AJAX 与 PHP

相关 php加ajax,PHP – AJAX 与 PHP | 菜鸟教程

相关菜鸟教程 --- jQuery 教程

相关 php 字符串菜鸟,7、PHP 字符串变量

相关 ajax php投票记录功能,PHP 实例 AJAX 投票 | 菜鸟教程

相关 php $_get 换行符,PHP $_GET 变量 | 菜鸟教程

相关 php教程菜鸟

相关 redis菜鸟教程

相关 Thymeleaf菜鸟教程

相关菜鸟教程