当前位置:首页 > CN2资讯 > 正文内容

转 PHP - AJAX 与 PHPphp ajax

2天前CN2资讯

1.

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


AJAX PHP 实例

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

实例

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

姓名: 

返回值: Anna


实例解释 - HTML 页面

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

<html> <head> <script> function showHint(str) { if (str.length==0) { document.getElementById("txtHint").innerHTML=""; return; } if (window.XMLHttpRequest) { // IE7+, Firefox, Chrome, Opera, Safari 浏览器执行的代码 xmlhttp=new XMLHttpRequest(); } else { //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.php?q="+str,true); xmlhttp.send(); } </script> </head> <body> <p><b>在输入框中输入一个姓名:</b></p> <form> 姓名: <input type="text" onkeyup="showHint(this.value)"> </form> <p>返回值: <span id="txtHint"></span></p> </body> </html>

源代码解释:

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

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

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

PHP 文件

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

"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 == "")
    你可能想看:

    扫描二维码推送至手机访问。

    版权声明:本文由皇冠云发布,如需转载请注明出处。

    本文链接:https://www.idchg.com/info/25981.html

    标签: PHP-AJAX
    分享给朋友:

    “转 PHP - AJAX 与 PHPphp ajax” 的相关文章

    服务器租赁指南:如何选择适合的云服务和价格

    对于很多企业和个人用户来说,服务器租赁是一个非常实用的选择。简单来说,服务器租赁就是用户向服务器提供商支付费用,然后获得在一定时间内使用服务器的权利。这样一来,用户就无需花费时间和金钱去购买和维护物理服务器,可以迅速开始在线业务。 当我第一次接触服务器租赁时,发现这一服务的便利性令我十分惊讶。传统的...

    Gcore VPS评测:高性能云计算虚拟专用服务器的最佳选择

    Gcore VPS是一款基于云计算的虚拟专用服务器,近年来备受用户推崇。我发现它不仅仅是一台服务器,而是为各种应用和业务需求提供了一种灵活可靠的解决方案。从高负载网站到应用程序的托管,Gcore VPS都能很好地满足这些需求。 了解Gcore VPS的定义及功能,首先可以知道它是针对企业和个人用户推...

    解决远程登录Windows Server密码错误的有效步骤

    在尝试远程登录Windows Server时,密码错误是一个常见的问题。遇到这种情况,我通常首先会彻底检查一下用户名和密码的输入。看似简单的步骤实际上可能会被忽视。我会确保输入的每个字符都是正确的,尤其是大小写和特殊字符,确保没有打错。这样的细节容易被忽略,却常常是导致失败登录的主因。 之后,我会关...

    解决VPS无法访问Docker的常见问题与有效方法

    VPS无法访问Docker的原因分析 使用VPS运行Docker的过程是许多开发者和运维人员日常工作的重要组成部分。遇到VPS无法访问Docker的情况,首先需要明确问题的原因。这个问题可能来源于多个方面,包括网络配置、Firewall与安全组的设定,还可能涉及到Docker本身的配置和地域限制。...

    如何选择和配置SEO VPS以提升网站搜索引擎排名

    在现代互联网世界,很多人可能对VPS(虚拟专用服务器)有所耳闻,但究竟它是什么呢?简单来说,VPS是一种服务器托管服务,它把一台物理服务器划分成多个虚拟服务器。每个VPS都拥有自己的操作系统和资源,用户享受更高的控制权和灵活性,相较于共享主机,我们可以独立管理,同时不需要担心其他用户的影响。这个特性...

    百度云在香港的全面解决方案及使用指南

    在我了解百度云在香港的过程中,我发现它不仅是一个基础的云存储平台,更是一个能满足多个行业需求的全面解决方案。百度云的基本架构和功能非常强大,支持海量数据的存储与管理。对于需要海量数据处理的企业以及个人用户来说,它似乎是个可靠的选择。平台简单易操作,界面友好,也让我很容易上手。 香港市场对云服务的需求...