php的ajax简单实例

            

当输入j后，会触发ajax效果，从后台获取相应的名字中带有j的数据，并展示在suggestions中。
代码实现如下：
实现ajax需要三个文件，一个是html的表单文件，一个是js的核心文件，一个是php的后台文件。
下面的是html文件，当键盘按下时触发showHint方法，在showHint方法中会有ajax的核心内容，实例化，获取地址，获取数据并展示等等。
[U]复制代码[/U] 代码如下:



First Name:

Suggestions:


下面是js的内容clienthint.js。
[U]复制代码[/U] 代码如下:
var xmlHttp
function showHint(str)
{
if (str.length==0)
{
document.getElementById("txtHint").innerHTML=""
return
}
//获取xmlHttpObject对象，如果为空，提示浏览器不支持ajax
xmlHttp=GetXmlHttpObject()
if (xmlHttp==null)
{
alert ("Browser does not support HTTP Request")
return
}
//获取url
var url="gethint.php"
url=url+"?q="+str
url=url+"&sid="+Math.random()
//回调函数，执行动作
xmlHttp.onreadystatechange=stateChanged
//open
xmlHttp.open("GET",url,true)
xmlHttp.send(null)
}
function stateChanged()
{
if (xmlHttp.readyState==4 || xmlHttp.readyState=="complete")
{
//将获取的信息插入到txtHint中
document.getElementById("txtHint").innerHTML=xmlHttp.responseText
}
}
//获取xml对象
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;
}
下面是php的内容。根据ajax对象传入的参数，获取相应的数据。
[U]复制代码[/U] 代码如下:
//get the q parameter from URL
$q=$_GET["q"];
//lookup all hints from array if length of q>0
if (strlen($q) > 0)
{
$hint="";
for($i=0; $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;
?>
            
            
您可能感兴趣的文章:

落伍首发 php+mysql 采用ajax技术的 省 市 地 3级联动无刷新菜单 源码

JQuery打造PHP的AJAX表单提交实例

ThinkPHP使用心得分享-ThinkPHP + Ajax 实现2级联动下拉菜单

PHP+Mysql+Ajax+JS实现省市区三级联动

ThinkPHP中ajax使用实例教程

ThinkPHP通过AJAX返回JSON的两种实现方法

ThinkPHP中使用ajax接收json数据的方法

Ajax+php实现商品分类三级联动

几种二级联动案例（jQuery\Array\Ajax php）

Ajax结合php实现二级联动

PHP+原生态ajax实现的省市联动功能详解