❮ PHP AJAX 简介
PHP AJAX 和 MySQL ❯
PHP - AJAX 与 PHP
更新于 2024/5/8 19:12:00
AJAX 被用于创建交互性更强的应用程序。
AJAX PHP 实例
下面的实例将演示当用户在输入框中键入字符时,网页如何与 Web 服务器进行通信:
实例
尝试在输入框中输入一个名字:
名字:
建议:
实例说明
当用户在上面的输入框中键入字符时,会执行 "showHint()" 函数。该函数由 "onkeyup" 事件触发:
以下是 HTML 代码:
实例
Start typing a name in the input field below:
Suggestions:
运行实例 »
源代码解析:
首先,检查输入字段是否为空(str.length==0)。如果是,请清除 txtHint 占位符的内容并退出该函数。
如果输入框不是空的,那么 showHint() 会执行以下步骤:
创建 XMLHttpRequest 对象
创建在服务器响应就绪时执行的函数
向服务器上的文件发送请求
请注意添加到 URL 末端的参数(gethint.php?q="+str)(包含输入框的内容)
str 变量保存输入字段的内容
PHP 文件 - "gethint.php"
PHP 文件检查名称数组,并将相应的名称返回到浏览器:
// Array with names
$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";
// get the q parameter from URL$q = $_REQUEST["q"];$hint = "";// lookup all hints from array if $q is different from "" if ($q !== "") { $q = strtolower($q); $len=strlen($q); foreach($a as $name) { if (stristr($q, substr($name, 0, $len))) { if ($hint === "") { $hint = $name; } else { $hint .= ", $name"; }
} }}// Output "no suggestion" if no hint was found or output correct values
echo $hint === "" ? "no suggestion" : $hint;?>
❮ PHP AJAX 简介
PHP AJAX 和 MySQL ❯