• PHP - AJAX 与 PHP

    AJAX 被用于创建交互性更强的应用程序。

    AJAX PHP 实例

    下面的实例将演示当用户在输入框中键入字符时，网页如何与 Web 服务器进行通信：

    实例

    尝试在输入框中输入一个名字，如：Anna:

    姓名: 

    返回值:

    实例解释 - HTML 页面

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

    1. <html>
    2. <head>
    3. <script>
    4. function showHint(str)
    5. {
    6.     if (str.length==0)
    7.     { 
    8.         document.getElementById("txtHint").innerHTML="";
    9.         return;
    10.     }
    11.     if (window.XMLHttpRequest)
    12.     {
    13.         // IE7+, Firefox, Chrome, Opera, Safari 浏览器执行的代码
    14.         xmlhttp=new XMLHttpRequest();
    15.     }
    16.     else
    17.     {    
    18.         //IE6, IE5 浏览器执行的代码
    19.         xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
    20.     }
    21.     xmlhttp.onreadystatechange=function()
    22.     {
    23.         if (xmlhttp.readyState==4 && xmlhttp.status==200)
    24.         {
    25.             document.getElementById("txtHint").innerHTML=xmlhttp.responseText;
    26.         }
    27.     }
    28.     xmlhttp.open("GET","gethint.php?q="+str,true);
    29.     xmlhttp.send();
    30. }
    31. </script>
    32. </head>
    33. <body>
    34.  
    35. <p><b>在输入框中输入一个姓名:</b></p>
    36. <form> 
    37. 姓名: <input type="text" onkeyup="showHint(this.value)">
    38. </form>
    39. <p>返回值: <span id="txtHint"></span></p>
    40.  
    41. </body>
    42. </html>

    源代码解释：

    如果输入框是空的（str.length==0），该函数会清空 txtHint 占位符的内容，并退出该函数。

    如果输入框不是空的，那么 showHint() 会执行以下步骤：

    • 创建 XMLHttpRequest 对象
    • 创建在服务器响应就绪时执行的函数
    • 向服务器上的文件发送请求
    • 请注意添加到 URL 末端的参数（q）（包含输入框的内容）

    PHP 文件

    上面这段通过 JavaScript 调用的服务器页面是名为 "gethint.php" 的 PHP 文件。

    "gethint.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.  
    34. //从请求URL地址中获取 q 参数
    35. $q=$_GET["q"];
    36.  
    37. //查找是否由匹配值， 如果 q>0
    38. if (strlen($q) > 0)
    39. {
    40.     $hint="";
    41.     for($i=0; $i<count($a); $i++)
    42.     {
    43.         if (strtolower($q)==strtolower(substr($a[$i],0,strlen($q))))
    44.         {
    45.             if ($hint=="")
    46.             {
    47.                 $hint=$a[$i];
    48.             }
    49.             else
    50.             {
    51.                 $hint=$hint." , ".$a[$i];
    52.             }
    53.         }
    54.     }
    55. }
    56.  
    57. // 如果没有匹配值设置输出为 "no suggestion" 
    58. if ($hint == "")
    59. {
    60.     $response="no suggestion";
    61. }
    62. else
    63. {
    64.     $response=$hint;
    65. }
    66.  
    67. //输出返回值
    68. echo $response;
    69. ?>

    解释：如果 JavaScript 发送了任何文本（即 strlen($q) > 0），则会发生：

    1. 查找匹配 JavaScript 发送的字符的姓名
    2. 如果未找到匹配，则将响应字符串设置为 "no suggestion"
    3. 如果找到一个或多个匹配姓名，则用所有姓名设置响应字符串
    4. 把响应发送到 "txtHint" 占位符
  • 相关阅读:
    java计算机毕业设计学生综合考评管理系统源码+数据库+系统+lw文档+mybatis+运行部署
    Java注解与反射知识梳理
    2.15 这样的小红书图片内容，最容易“踩雷”！【玩赚小红书】
    Nginx监控模块
    RGB(c++)
    android性能优化
    文件存储空间管理（空闲表法，空闲链表法，位示图法，成组链表法）
    将Visual Studio Code配置成好用的Python IDE
    SpringBoot/Spring扩展点系列之初始化和销毁的3种办法 - 第438篇
    卷积神经网络吴恩达coursera
  • 原文地址：https://blog.csdn.net/unbelievevc/article/details/126616688