php5 ajax实例,AJAX ASP 实例

例子解释

在上面的例子中，当用户在输入字段中键入字符时，会执行名为 "showHint()" 的函数。

此函数被 onkeyup 事件触发。

下面是 HTML 代码：

实例

function showHint(str) {

if (str.length == 0) {

document.getElementById("txtHint").innerHTML = "";

return;

} else {

var xmlhttp = new XMLHttpRequest();

xmlhttp.onreadystatechange = function() {

if (this.readyState == 4 && this.status == 200) {

document.getElementById("txtHint").innerHTML = this.responseText;

}

};

xmlhttp.open("GET", "gethint.asp?q=" + str, true);

xmlhttp.send();

}

}

请在下面的输入字段中键入字母 A-Z：

姓名：

搜索建议：

代码解释：

首先，检查输入字段是否为空(str.length == 0)；如果是，清空 txtHint 占位符的内容并退出函数。

不过，如果输入字段不为空，则进行如下：

创建 XMLHttpRequest 对象

创建当服务器响应就绪时执行的函数

发送请求到服务器上的 ASP 文件(gethint.asp)

请注意添加到 gethint.asp 的 q 参数

str 变量保存了输入字段的内容