AJAX PHP 实例
下面的实例将演示当用户在输入框中键入字符时,网页如何与 Web 做事器进行通信:
实例
考试测验在输入框中输入一个名字,如: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\公众 占位符