首页 » Web前端 » php与ajax关系技巧_PHPAJAX 与 PHP

php与ajax关系技巧_PHPAJAX 与 PHP

访客 2024-12-05 0

扫一扫用手机浏览

文章目录 [+]

AJAX PHP 实例

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

php与ajax关系技巧_PHPAJAX 与 PHP

实例

php与ajax关系技巧_PHPAJAX 与 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\公众 占位符

标签:

相关文章

介绍百度码,技术革新背后的智慧之光

随着科技的飞速发展,互联网技术已经成为我们生活中不可或缺的一部分。而在这个信息爆炸的时代,如何快速、准确地获取信息,成为了人们关注...

Web前端 2025-01-03 阅读3 评论0

介绍皮箱密码,开启神秘之门的钥匙

皮箱,作为日常生活中常见的收纳工具,承载着我们的珍贵物品。面对紧闭的皮箱,许多人却束手无策。如何才能轻松打开皮箱呢?本文将为您揭秘...

Web前端 2025-01-03 阅读4 评论0

介绍盗号器,网络安全的隐忧与应对步骤

随着互联网的快速发展,网络安全问题日益突出。盗号器作为一种非法工具,对网民的个人信息安全构成了严重威胁。本文将深入剖析盗号器的原理...

Web前端 2025-01-03 阅读2 评论0