首页 » 网站建设 » ajax怎么合营php技巧_PHPAJAX 与 PHP

ajax怎么合营php技巧_PHPAJAX 与 PHP

访客 2024-12-12 0

扫一扫用手机浏览

文章目录 [+]

AJAX PHP 实例

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

ajax怎么合营php技巧_PHPAJAX 与 PHP

实例

ajax怎么合营php技巧_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\"大众 占位符

标签:

相关文章