php的ajax简单实例

前端开发作者： 2024-08-25 22:00:02

很早就听闻ajax的名声，但是却一直不知道怎么用，今天自己捣鼓了一下，竟然会用了，哈哈哈哈。为了防止我自己忘记，现在把这个简单的实例记录下。这个实例是网上搜的，文末附上链接。首先你得有自己的服务器

<html>
headscript src="clienthint.js"></script> 
</>

bodyform> 
First Name:
input type="text" id="txt1"
onkeyup="showHint(this.value)"p>Suggestions: span id="txtHint"span>

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")
        
     } 
     
     获取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()
} 

 stateChanged() { 
    if (xmlHttp.readyState==4 || xmlHttp.readyState=="complete"){ 
        将获取的信息插入到txtHint中
        document.getElementById("txtHint").innerHTML=xmlHttp.responseText 
    } 
}


获取xml对象
 GetXmlHttpObject(){
    var xmlHttp=;
    try{
         Firefox,Opera 8.0+,Safari
        xmlHttp=new XMLHttpRequest();
        }
    catch (e){
         Internet Explorer
        {
         xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
         }
         (e){
         xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
         }
    }
     xmlHttp;
}

View Code

<?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[]="Jiqing"$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=$_GET["q"];

lookup all hints from array if length of q>0
if (strlen($q) > 0)
{
$hint="";
for($i=0; $i<count($a); $i++)
 {
 strtolower($q)==strtolower(substr($a[$i],1)">$q))))
   {
   if ($hint=="")
     {
     $hint=$i];
     }
   else
     {
     $hint.",".];
     }
   }
 }
}

Set output to "no suggestion" if no hint were found
//or to the correct values
$hint == ""$response="no suggestion";
}

{
$response=$hint;
}

output the response
echo $response;
?>