php的ajax实例 -凯发k8官方网

当输入j后，会触发ajax效果，从后台获取相应的名字中带有j的数据，并展示在suggestions中。

代码实现如下：

实现ajax需要三个文件，一个是html的表单文件，一个是js的核心文件，一个是php的后台文件。

下面的是html文件，当键盘按下时触发showhint方法，在showhint方法中会有ajax的核心内容，实例化，获取地址，获取数据并展示等等。

 

 
first name:
οnkeyup="showhint(this.value)">

suggestions:

 

下面是js的内容clienthint.js。

 

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对象传入的参数，获取相应的数据。

// fill up array with names
a[]="anna";a[]="anna";a[]="brittany";
a[]="cinderella";a[]="cinderella";a[]="diana";
a[]="eva";a[]="eva";a[]="fiona";
a[]="gunda";a[]="gunda";a[]="hege";
a[]="inga";a[]="inga";a[]="johanna";
a[]="jiqing";a[]="jiqing";a[]="kitty";
a[]="linda";a[]="linda";a[]="nina";
a[]="ophelia";a[]="ophelia";a[]="petunia";
a[]="amanda";a[]="amanda";a[]="raquel";
a[]="cindy";a[]="cindy";a[]="doris";
a[]="eve";a[]="eve";a[]="evita";
a[]="sunniva";a[]="sunniva";a[]="tove";
a[]="unni";a[]="unni";a[]="violet";
a[]="liza";a[]="liza";a[]="elizabeth";
a[]="ellen";a[]="ellen";a[]="wenche";
a[]="vicky";//gettheqparameterfromurla[]="vicky";//gettheqparameterfromurlq=get["q"];//lookupallhintsfromarrayiflengthofq>0if(strlen(get["q"];//lookupallhintsfromarrayiflengthofq>0if(strlen(q) > 0)
{
hint="";for(hint="";for(i=0; i<count(ia); 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 (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 echoresponse="no suggestion"; } else { $response=$hint; }  //output the response echoresponse;
?>

本文转自tbhacker博客园博客，原文链接：http://www.cnblogs.com/jiqing9006/archive/2012/06/27/2565763.html，如需转载请自行联系原作者

与50位技术专家面对面20年技术见证，附赠技术全景图

总结

以上是凯发k8官方网为你收集整理的php的ajax实例的全部内容，希望文章能够帮你解决所遇到的问题。

如果觉得凯发k8官方网网站内容还不错，欢迎将凯发k8官方网推荐给好友。