PHP+AJAX教程(3):PHP和AJAX请求

当前位置：网学 > 编程文档 > PHP > 正文

来源：Http://myeducs.cn 联系QQ：

作者：用户投稿来源：网络发布时间： 12/12/10

AJAX 请求

在下面的 AJAX 例子中，我们将演示当用户向 Web 表单中输入数据时，网页如何与在线的 web 服务器进行通信。

在下面的文本框中输入一个名字（测试说明：该实例功能未实现）

First Name:
Suggestions:

这个例子包括三张页面：

a simple HTML form
a JavaScript
a PHP page
HTML 表单

这是 HTML 表单。它包含一个简单的 HTML 表单和指向 JavaScript 的链接：

<html>
<head>
<script src="clienthint.js"></script>
</head>
<body>
<form>
First Name:
<input type="text" id="txt1"
onkeyup="showHint(this.value)">
</form>
<p>Suggestions: <span id="txtHint"></span></p>
</body>
</html>

例子解释 - HTML 表单

正如您看到的，上面的 HTML 页面含有一个简单的 HTML 表单，其中带有一个名为 "txt1" 的输入字段。

该表单是这样工作的：

当用户在输入域中按下并松开按键时，会触发一个事件

当该事件被触发时，执行名为 showHint() 的函数

表单的下面是一个名为 "txtHint" 的 <span>。它用作 showHint() 函数所返回数据的占位符。

JavaScript

JavaScript 代码存储在 "clienthint.js" 文件中，它被链接到 HTML 文档：

var XMLHttp
function showHint(str)
{
if (str.length==0)
{
document.getElementById("txtHint").innerHTML=""
return
}
xmlHttp=GetXmlHttpObject()
if (xmlHttp==null)
{
alert ("Browser does not support HTTP Request")
return
}
var url="gethint.php"
url=url+"?q="+str
url=url+"&sid="+Math.random()
xmlHttp.onreadystatechange=stateChanged
xmlHttp.open("GET",url,true)
xmlHttp.send(null)
}
function stateChanged()
{
if (xmlHttp.readyState==4 || xmlHttp.readyState=="complete")
{
document.getElementById("txtHint").innerHTML=xmlHttp.responseText
}
}
function GetXmlHttpObject()
{
var xmlHttp=null;
try
{
// Firefox, Opera 8.0+, Safari
xmlHttp=new XMLHttpRequest();
}
catch (e)
{
// Internet Explorer
try
{
xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
}
catch (e)
{
xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
}
}
return xmlHttp;
}

例子解释：

showHint() 函数

每当在输入域中输入一个字符，该函数就会被执行一次。

如果文本框中有内容 (str.length > 0)，该函数这样执行：

定义要发送到服务器的 URL（文件名）
把带有输入域内容的参数 (q) 添加到这个 URL
添加一个随机数，以防服务器使用缓存文件
调用 GetXmlHttpObject 函数来创建 XMLHTTP 对象，并在事件被触发时告知该对象执行名为 stateChanged 的函数
用给定的 URL 来打开打开这个 XMLHTTP 对象
向服务器发送 HTTP 请求

如果输入域为空，则函数简单地清空 txtHint 占位符的内容。

stateChanged() 函数

每当 XMLHTTP 对象的状态发生改变，则执行该函数。

在状态变成 4 （或 "complete"）时，用响应文本填充 txtHint 占位符 txtHint 的内容。

GetXmlHttpObject() 函数

AJAX 应用程序只能运行在完整支持 XML 的 web 浏览器中。

上面的代码调用了名为 GetXmlHttpObject() 的函数。

该函数的作用是解决为不同浏览器创建不同 XMLHTTP 对象的问题。

这一点在上一节中已经解释过了。

PHP 页面

被 JavaScript 代码调用的服务器页面是一个名为 "gethint.php" 的简单服务器页面。

"gethint.php" 中的代码会检查名字数组，然后向客户端返回对应的名字：

<?php
// Fill up array with names
$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";
//get the q parameter from URL
$q= PHP+AJAX教程(3):PHP和AJAX请求_网学

网站导航：免费论文原创论文论文搜索原创论文网学软件学术大家资料中心会员中心问题解答原创论文论文素材设计下载最新论文下载排行论文上传在线投稿联系我们

C++ VB ASP VF DELPHI JSP 电气计算机经济打包下载查询工具设计案例教授专家实用代码网页配色便捷工具表单美化免费论文可用论文论文培训时间与效率 DIV技术 JS代码百宝箱设计师 AJAX代码 GIF素材背景图片网页图标 QQ表情 png图标动画素材 PPT模板 DIVCSS模板企业模板韩国模板日本模板欧美模板个人模板节庆模板实用工具 Psd素材 QQ专栏 CAJ文档游戏评论游戏攻略游戏赏析游戏前瞻游戏新闻游戏帮助游戏秘籍游戏补丁国外课件本科课件网络课件原创设计原创下载原创论文网站维护(新) 虚拟实验,在线实验系统口才培训驾照考试酒后代驾设计定作设计专题计算机原创网络教育收录查询 ASP,网站,C/S,设计等定作
栏目导航：其他类别 Javascript Android Ajax XHTML MySQL ORACLE SQL SERVER 汇编语言 PHP

当前位置：网学 > 编程文档 > PHP > 正文

PHP+AJAX教程(3):PHP和AJAX请求

来源：Http://myeducs.cn 联系QQ：

作者：用户投稿来源：网络发布时间： 12/12/10

content

点击进入论坛和大家一起交流设计,分享设计素材,结交设计朋友

上一篇资讯： PHP+AJAX教程(4):PHP和AJAX XML实例

下一篇资讯： PHP+AJAX教程(2):AJAX XMLHttpRequest

网学推荐

免费论文

原创论文

文章排行榜

· PHP 5.0中多态性的实现方案浅析

· 在PHP中实现重载构造函数的方法

· 详解PHP的面向对象编程

· ZendStudio for Eclipse 调试入门篇

· PHP面向对象程序设计的61条黄金法则

· PHP中使用FCKeditor2.3.2配置

· 在php中使用FCKeditor2.4.2

· 织梦dedecms从底层标签实现二级菜单

· iis下php无法找到该页的错误解决

· PHP V5.3 中的新特性: 名称空间

· IIS下PHP的ISAPI和FastCGI比较

· PHP开发框架的现状和展望

· 优化PHP代码的40条建议

· PHP MVC架构下的一些流行框架...

GET["q"];
//lookup all hints from array if length of 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];
      }
    }
}
}
//Set output to "no suggestion" if no hint were found
//or to the correct values
if ($hint == "")
{
$response="no suggestion";
}
else
{
$response=$hint;
}
//output the response
echo $response;
?>

如果存在从 JavaScript 送来的文本 (strlen($q) > 0)，则：

找到与 JavaScript 所传送的字符相匹配的名字
如果找到多个名字，把所有名字包含在 response 字符串中
如果没有找到匹配的名字，把 response 设置为 "no suggestion"
如果找到一个或多个名字，把 response 设置为这些名字
把 response 发送到 "txtHint" 占位符

(责任编辑：admin)

点击进入论坛和大家一起交流设计,分享设计素材,结交设计朋友

上一篇资讯： PHP+AJAX教程(4):PHP和AJAX XML实例

下一篇资讯： PHP+AJAX教程(2):AJAX XMLHttpRequest