首页 » PHP教程 » php和ajax的关系技巧_PHPAJAX 与 PHP

php和ajax的关系技巧_PHPAJAX 与 PHP

duote123 2024-10-26 0

扫一扫用手机浏览

文章目录 [+]

AJAX PHP 实例

下面的实例将演示当用户在输入框中键入字符时,网页如何与 Web 做事器进行通信:

php和ajax的关系技巧_PHPAJAX 与 PHP php和ajax的关系技巧_PHPAJAX 与 PHP PHP教程

实例

php和ajax的关系技巧_PHPAJAX 与 PHP php和ajax的关系技巧_PHPAJAX 与 PHP PHP教程
(图片来自网络侵删)

考试测验在输入框中输入一个名字,如:Anna:

姓名:

返回值:

实例阐明 - HTML 页面

当用户在上面的输入框中键入字符时,会实行 \"大众showHint()\公众 函数。
该函数由 \"大众onkeyup\"大众 事宜触发:

<html><head><script>function showHint(str){

源代码阐明:

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

如果输入框不是空的,那么 showHint() 会实行以下步骤:

创建 XMLHttpRequest 工具

创建在做事器相应就绪时实行的函数

向做事器上的文件发送要求

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

PHP 文件

上面这段通过 JavaScript 调用的做事器页面是名为 \"大众gethint.php\"大众 的 PHP 文件。

\"大众gethint.php\"大众 中的源代码会检讨姓名数组,然后向浏览器返回对应的姓名:

<?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>0if (strlen($q) > 0){

阐明:如果 JavaScript 发送了任何文本(即 strlen($q) > 0),则会发生:

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

如果未找到匹配,则将相应字符串设置为 \公众no suggestion\"大众

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

把相应发送到 \公众txtHint\"大众 占位符

标签:

相关文章

介绍网站设计之灵魂_用户体验至上

在数字化时代,网站作为企业展示形象、拓展业务的重要平台,其设计质量直接影响着用户的访问体验和企业的品牌形象。而用户体验,作为网站设...

PHP教程 2024-12-05 阅读0 评论0

opwert安装php技巧_最详尽电助力自行车介绍

倍力车是一种由小型的电动马达赞助骑行者踩踏的自行车,它是一种低功率的电动自行车。然而,与其他类型的电动自行车不同的是,在很多国家,...

PHP教程 2024-12-05 阅读0 评论0