AJAX-笔记3

来源：互联网发布：淘宝卖足球鞋店铺排名编辑：程序博客网时间：2024/05/21 06:51

AJAX ASP/PHP实例

(AJAX 用于创造动态性更强的应用程序。)

function showHint(str)

{

var xmlhttp;

if (str.length==0)

{

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

return;

}//如果输入字符的长度>0，往下执行

if(window.XMLHttpRequest)

{

// IE7+, Firefox,Chrome, Opera, Safari 浏览器执行代码

xmlhttp=newXMLHttpRequest();

}

xmlhttp.onreadystatechange=function()

{

if(xmlhttp.readyState==4 && xmlhttp.status==200)

{

document.getElementByIdx_x("txtHint").innerHTML=xmlhttp.responseText;

}

xmlhttp.open("GET" , "/try/ajax/gethint.php?q="+str , true);

xmlhttp.send();

}

输入姓名: onkeyup="showHint(this.value)" />

提示信息:

输入姓名:

提示信息: Anna , Amanda

源代码解析：

如果输入框为空 (str.length==0)，则该函数清空 txtHint 占位符的内容，并退出函数。

如果输入框不为空，showHint() 函数执行以下任务：

由上面的 JavaScript 调用的服务器页面是 ASP 文件，名为 "gethint.asp"。

下面，我们创建了两个版本的服务器文件，一个用 ASP 编写，另一个用 PHP 编写。

"gethint.asp" 中的源代码会检查一个名字数组，然后向浏览器返回相应的名字：

阅读全文

0 0

原创粉丝点击