AJAX ASP/PHP 请求实例

yt-summer

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

　　姓氏：
　　窗体底端

　　建议：
　　亲自试一下源代码
　　实例解释 - showHint() 函数
　　当用户在上面的输入框中键入字符时，会执行函数 "showHint()" 。该函数由"onkeyup" 事件触发：
　　functionshowHint(str)
　　{
　　varxmlhttp;
　　if(str.length==0)
　　{
　　document.getElementById("txtHint").innerHTML="";
　　return;
　　}
　　if(window.XMLHttpRequest)
　　{// code forIE7+, Firefox, Chrome, Opera, Safari
　　xmlhttp=new XMLHttpRequest();
　　}
　　else
　　{// code for IE6,IE5
　　xmlhttp=newActiveXObject("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
　　dima(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，则查找数组中的所有提示
　　iflen(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"
　　'否则输出正确的值
　　ifhint="" then
　　response.write("no suggestion")
　　else
　　response.write(hint)
　　end if
　　%>

　　PHP 文件
　　下面的代码用 PHP 编写，与上面的 ASP 代码作用是一样的。
　　注释：如需在 PHP 中运行这个例子，请将 url 变量的值（Javascript 代码中）由"gethint.asp" 改为 "gethint.php"。
　　<?php
　　// 用名字来填充数组
　　$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";
　　//获得来自 URL的 q 参数
　　$q=$_GET["q"];
　　//如果 q大于 0，则查找数组中的所有提示
　　if(strlen($q) > 0)
　　{
　　$hint="";
　　for($i=0; $i<count($a); $i++)
　　{
　　if(strtolower($q)==strtolower(substr($a[$i],0,strlen($q))))
　　{
　　if ($hint=="")
　　{
　　$hint=$a[$i];
　　}
　　else
　　{
　　$hint=$hint." , ".$a[$i];
　　}
　　}
　　}
　　}
　　// 如果未找到提示，则把输出设置为 "no suggestion"
　　// 否则设置为正确的值
　　if($hint == "")
　　{
　　$response="no suggestion";
　　}
　　else
　　{
　　$response=$hint;
　　}
　　//输出响应
　　echo$response;
　　?>

　　来自：http://www.w3school.com.cn