AJAX PHP 实例

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

实例

php与ajaxPHPAJAX 与 PHP GraphQL

考试测验在输入框中输入一个名字,如: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\"大众 占位符