您现在的位置: 365建站网 > 建站教程 > AJAX 教程 > AJAX ASP/PHP 请求实例

AJAX ASP/PHP 请求实例

此节有 217 人学习过     参与评论

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

AJAX ASP/PHP 实例

下面的例子将为您演示当用户在输入框中键入字符时,网页如何与 web 服务器进行通信:

请在下面的输入框中键入字母(A - Z):

姓氏:

建议:

亲自试一下源代码

实例解释 - showHint() 函数

当用户在上面的输入框中键入字符时,会执行函数 "showHint()" 。该函数由 "onkeyup" 事件触发:

</>code

  1. function showHint(str)
  2. {
  3. var xmlhttp;
  4. if (str.length==0)
  5. {
  6. document.getElementById("txtHint").innerHTML="";
  7. return;
  8. }
  9. if (window.XMLHttpRequest)
  10. {// code for IE7+, Firefox, Chrome, Opera, Safari
  11. xmlhttp=new XMLHttpRequest();
  12. }
  13. else
  14. {// code for IE6, IE5
  15. xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  16. }
  17. xmlhttp.onreadystatechange=function()
  18. {
  19. if (xmlhttp.readyState==4 && xmlhttp.status==200)
  20. {
  21. document.getElementById("txtHint").innerHTML=xmlhttp.responseText;
  22. }
  23. }
  24. xmlhttp.open("GET","gethint.asp?q="+str,true);
  25. xmlhttp.send();
  26. }

源代码解释:

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

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

  • 创建 XMLHttpRequest 对象
  • 当服务器响应就绪时执行函数
  • 把请求发送到服务器上的文件
  • 请注意我们向 URL 添加了一个参数 q (带有输入框的内容)

AJAX 服务器页面 - ASP 和 PHP

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

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

ASP 文件

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

</>code

  1. <%
  2. response.expires=-1
  3. dim a(30)
  4. '用名字来填充数组
  5. a(1)="Anna"
  6. a(2)="Brittany"
  7. a(3)="Cinderella"
  8. a(4)="Diana"
  9. a(5)="Eva"
  10. a(6)="Fiona"
  11. a(7)="Gunda"
  12. a(8)="Hege"
  13. a(9)="Inga"
  14. a(10)="Johanna"
  15. a(11)="Kitty"
  16. a(12)="Linda"
  17. a(13)="Nina"
  18. a(14)="Ophelia"
  19. a(15)="Petunia"
  20. a(16)="Amanda"
  21. a(17)="Raquel"
  22. a(18)="Cindy"
  23. a(19)="Doris"
  24. a(20)="Eve"
  25. a(21)="Evita"
  26. a(22)="Sunniva"
  27. a(23)="Tove"
  28. a(24)="Unni"
  29. a(25)="Violet"
  30. a(26)="Liza"
  31. a(27)="Elizabeth"
  32. a(28)="Ellen"
  33. a(29)="Wenche"
  34. a(30)="Vicky"
  35. '获得来自 URL 的 q 参数
  36. q=ucase(request.querystring("q"))
  37. '如果 q 大于 0,则查找数组中的所有提示
  38. if len(q)>0 then
  39. hint=""
  40. for i=1 to 30
  41. if q=ucase(mid(a(i),1,len(q))) then
  42. if hint="" then
  43. hint=a(i)
  44. else
  45. hint=hint & " , " & a(i)
  46. end if
  47. end if
  48. next
  49. end if
  50. '如果未找到提示,则输出 "no suggestion"
  51. '否则输出正确的值
  52. if hint="" then
  53. response.write("no suggestion")
  54. else
  55. response.write(hint)
  56. end if
  57. %>

PHP 文件

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

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

</>code

  1. <?php
  2. // 用名字来填充数组
  3. $a[]="Anna";
  4. $a[]="Brittany";
  5. $a[]="Cinderella";
  6. $a[]="Diana";
  7. $a[]="Eva";
  8. $a[]="Fiona";
  9. $a[]="Gunda";
  10. $a[]="Hege";
  11. $a[]="Inga";
  12. $a[]="Johanna";
  13. $a[]="Kitty";
  14. $a[]="Linda";
  15. $a[]="Nina";
  16. $a[]="Ophelia";
  17. $a[]="Petunia";
  18. $a[]="Amanda";
  19. $a[]="Raquel";
  20. $a[]="Cindy";
  21. $a[]="Doris";
  22. $a[]="Eve";
  23. $a[]="Evita";
  24. $a[]="Sunniva";
  25. $a[]="Tove";
  26. $a[]="Unni";
  27. $a[]="Violet";
  28. $a[]="Liza";
  29. $a[]="Elizabeth";
  30. $a[]="Ellen";
  31. $a[]="Wenche";
  32. $a[]="Vicky";
  33. //获得来自 URL 的 q 参数
  34. $q=$_GET["q"];
  35. //如果 q 大于 0,则查找数组中的所有提示
  36. if (strlen($q) > 0)
  37. {
  38. $hint="";
  39. for($i=0; $i<count($a); $i++)
  40. {
  41. if (strtolower($q)==strtolower(substr($a[$i],0,strlen($q))))
  42. {
  43. if ($hint=="")
  44. {
  45. $hint=$a[$i];
  46. }
  47. else
  48. {
  49. $hint=$hint." , ".$a[$i];
  50. }
  51. }
  52. }
  53. }
  54. // 如果未找到提示,则把输出设置为 "no suggestion"
  55. // 否则设置为正确的值
  56. if ($hint == "")
  57. {
  58. $response="no suggestion";
  59. }
  60. else
  61. {
  62. $response=$hint;
  63. }
  64. //输出响应
  65. echo $response;
  66. ?>

如对本文有疑问,请提交到交流论坛,广大热心网友会为你解答!! 点击进入论坛

发表评论 (217人查看0条评论)
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
昵称:
最新评论
------分隔线----------------------------

快速入口

· 365软件
· 杰创官网
· 建站工具
· 网站大全

其它栏目

· 建站教程
· 365学习

业务咨询

· 技术支持
· 服务时间:9:00-18:00
365建站网二维码

Powered by 365建站网 RSS地图 HTML地图

copyright © 2013-2024 版权所有 鄂ICP备17013400号