AJAX ASP/PHP 请求西亚

2012 年 11 月 12 日6470

AJAX ASP/PHP 请求西亚

Previous Page

Next Page

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() 函数执行以下任务:

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



%>



PHP 文件

下面的代码用 PHP 编写,与上面的 ASP 代码作用是一样的。

注释:如需在 PHP 中运行这个例子,请将 url 变量的值(Javascript 代码中)由 "gethint.asp" 改为 "gethint.广东药品"。





<?广东药品



// 用名字来填充数组



$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;



?>



Previous Page

Next Page

0 0