学IT网-在线学习IT知识

 找回密码
 立即注册

QQ登录

只需一步,快速开始

搜索
热搜: html css js php
查看: 452|回复: 0

AJAX ASP/PHP

[复制链接]

1380

主题

1382

帖子

1万

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
11316
发表于 2017-7-31 20:28:41 | 显示全部楼层 |阅读模式
AJAX ASP/PHP 实例
AJAX 用于创造动态性更强的应用程序。

AJAX ASP/PHP 实例
下面的例子将为您演示当用户在输入框中键入字符时,网页如何与 web 服务器进行通信: 请在下面的输入框中键入字母(A - Z):
实例
  1. <p style="margin-bottom: 5px; color: rgb(0, 0, 0); line-height: 1.7;"><b>Start typing a name in the input field below:</b></p><form action="https://www.w3cschool.cn/ajax/">First name: <input type="text" id="txt1" style="outline: 0px; font-size: 13.86px; font-family: helvetica, arial, freesans, sans-serif;"></form><p style="margin-bottom: 5px; color: rgb(0, 0, 0); line-height: 1.7;">Suggestions:</p>
复制代码



尝试一下 »



实例解析 - showHint() 函数
当用户在上面的输入框中键入字符时,会执行函数 "showHint()" 。该函数由 "onkeyup" 事件触发:
  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.html?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" 中的源代码会检查一个名字数组,然后向浏览器返回相应的名字:
  1. <%
  2. response.expires=-1
  3. dim a(30)
  4. 'Fill up array with names
  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. 'get the q parameter from URL
  36. q=ucase(request.querystring("q"))

  37. 'lookup all hints from array if length of 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. 'Output "no suggestion" if no hint were found
  51. 'or output the correct values
  52. if hint="" then
  53.    response.write("no suggestion")
  54. else
  55.    response.write(hint)
  56. end if
  57. %>
复制代码



PHP 文件
下面的代码用 PHP 编写,与上面的 ASP 代码作用是一样的。
  1. <?php
  2. // Fill up array with names
  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. //get the q parameter from URL
  34. $q=$_GET["q"];

  35. //lookup all hints from array if length of 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. // Set output to "no suggestion" if no hint were found
  55. // or to the correct values
  56. if ($hint == "")
  57.    {
  58.    $response="no suggestion";
  59.    }
  60. else
  61.    {
  62.    $response=$hint;
  63.    }

  64. //output the response
  65. echo $response;
  66. ?>
复制代码


上一篇:  AJAX 数据库 下一篇:  XHR readyState
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|Archiver|小黑屋|学IT网-在线学习IT知识,学习编程知识 ( 京ICP备17027470号-2

GMT+8, 2019-11-20 20:15 , Processed in 0.031676 second(s), 34 queries .

Powered by xueit.wang 1.0

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表