AJAX教程6- ASP/PHP 请求实例

lmwtzw6u5l0

　　AJAX 用于创造动态性更强的应用程序。
　　AJAX ASP/PHP 实例
　　下面的例子将为您演示当用户在输入框中键入字符时，网页如何与 web 服务器进行通信：
　　请在下面的输入框中键入字母（A - Z）：
姓氏：

建议：
　　亲自试一下源代码
　　实例解释 - showHint() 函数
　　当用户在上面的输入框中键入字符时，会执行函数 "showHint()" 。该函数由 "onkeyup" 事件触发：
　　function showHint(str)
　　{
　　var xmlhttp;
　　if (str.length==0)
　　{
　　document.getElementById("txtHint").innerHTML="";
　　return;
　　}
　　if (window.XMLHttpRequest)
　　{// code for IE7+, Firefox, Chrome, Opera, Safari
　　xmlhttp=new XMLHttpRequest();
　　}
　　else
　　{// code for IE6, IE5
　　xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
　　}
　　xmlhttp.onreadystatechange=function()
　　{
　　if (xmlhttp.readyState==4 && xmlhttp.status==200)
　　{
　　document.getElementById("txtHint").innerHTML=xmlhttp.responseText;
　　}
　　}
　　xmlhttp.open("GET","gethint.asp?q="+str,true);
　　xmlhttp.send();
　　}

　　源代码解释：
　　如果输入框为空 (str.length==0)，则该函数清空 txtHint 占位符的内容，并退出函数。
　　如果输入框不为空，showHint() 函数执行以下任务：
　　· 创建 XMLHttpRequest 对象
　　· 当服务器响应就绪时执行函数
　　· 把请求发送到服务器上的文件
　　· 请注意我们向 URL 添加了一个参数 q （带有输入框的内容）
　　AJAX 服务器页面 - ASP 和 PHP
　　由上面的 JavaScript 调用的服务器页面是 ASP 文件，名为 "gethint.asp"。
　　下面，我们创建了两个版本的服务器文件，一个用 ASP 编写，另一个用 PHP 编写。
　　ASP 文件
　　"gethint.asp" 中的源代码会检查一个名字数组，然后向浏览器返回相应的名字：
　　<%
　　response.expires=-1
　　dim a(30)
　　'用名字来填充数组
　　a(1)="Anna"
　　a(2)="Brittany"
　　a(3)="Cinderella"
　　a(4)="Diana"
　　a(5)="Eva"
　　a(6)="Fiona"
　　a(7)="Gunda"
　　a(8)="Hege"
　　a(9)="Inga"
　　a(10)="Johanna"
　　a(11)="Kitty"
　　a(12)="Linda"
　　a(13)="Nina"
　　a(14)="Ophelia"
　　a(15)="Petunia"
　　a(16)="Amanda"
　　a(17)="Raquel"
　　a(18)="Cindy"
　　a(19)="Doris"
　　a(20)="Eve"
　　a(21)="Evita"
　　a(22)="Sunniva"
　　a(23)="Tove"
　　a(24)="Unni"
　　a(25)="Violet"
　　a(26)="Liza"
　　a(27)="Elizabeth"
　　a(28)="Ellen"
　　a(29)="Wenche"
　　a(30)="Vicky"
　　'获得来自 URL 的 q 参数
　　q=ucase(request.querystring("q"))
　　'如果 q 大于 0，则查找数组中的所有提示
　　if len(q)>0 then
　　hint=""
　　for i=1 to 30
　　if q=ucase(mid(a(i),1,len(q))) then
　　if hint="" then
　　hint=a(i)
　　else
　　hint=hint & " , " & a(i)
　　end if
　　end if
　　next
　　end if
　　'如果未找到提示，则输出 "no suggestion"
　　'否则输出正确的值
　　if hint="" then
　　response.write("no suggestion")
　　else
　　response.write(hint)
　　end if
　　%>