PHP+AJAX 教程:PHP 和 AJAX 请求
AJAX 请求
在下面的 AJAX 例子中,我们将演示当用户向 web 表单中输入数据时,网页如何与
在线的 web 服务器进行通信。
在下面的文本框中输入一个名字(测试说明:该实例功能未实现)
FirstName:
Suggestions:
这个例子包括三张页面:
asimpleHTMLform
aJavaScript
aPHPpage
HTML 表单
这是 HTML 表单。它包含一个简单的 HTML 表单和指向 JavaScript 的链接:
<html>
<head>
<scriptsrc="clienthint.js"></script>
</head>
<body>
<form>
FirstName:
<inputtype="text"id="txt1"
onkeyup="showHint(this.value)">
</form>
<p>Suggestions:<spanid="txtHint"></span></p>
</body>
</html>
例子解释-HTML 表单
正如您看到的,上面的 HTML 页面含有一个简单的 HTML 表单,其中带有一个名
为"txt1"的输入字段。
该表单是这样工作的:
当用户在输入域中按下并松开按键时,会触发一个事件
当该事件被触发时,执行名为 showHint()的函数
表单的下面是一个名为"txtHint"的<span>。它用作 showHint()函数所返回数据
的占位符。
JavaScript
JavaScript 代码存储在"clienthint.js"文件中,它被链接到 HTML 文档:
varxmlHttp
functionshowHint(str)
{
if(str.length==0)
{
document.getElementById("txtHint").innerHTML=""