PHP - 实现类似于百度的实时搜索

XML文件：

---

PHP服务端：

$xmlDoc=new DOMDocument();  //创建了一个 DOMDocument-Object实例

$xmlDoc->load("links.xml");  //载入

$link = $xmlDoc->getElementsByTagName('link');  //返回所有link节点的元素

$inputInfo = $_GET["inputInfo"]; // 从 URL 中获取参数inputInfo的值

if (strlen($inputInfo)>0)

{   //从 xml 文件中查找数据

$hint="";

for($i=0; $i<($link->length); $i++)

{   //找到所有的title和url

$title = $link -> item($i) -> getElementsByTagName('title');

$url = $link -> item($i) -> getElementsByTagName('url');

if ($title -> item(0) -> nodeType == 1)   //可以理解为有这个元素

{   // 和输入的值进行匹配

if (stristr($title -> item(0) -> childNodes -> item(0) -> nodeValue, $inputInfo))

{

if ($hint=="")  //为空

{

$hint="<a href='".$url -> item(0) -> childNodes -> item(0) -> nodeValue .
"' target='_blank'>".$title -> item(0) -> childNodes -> item(0) -> nodeValue ."</a>";

} else {

$hint=$hint . "<br/><a href='".
$url -> item(0) -> childNodes -> item(0) -> nodeValue."' target='_blank'>".
$link -> item(0) -> childNodes -> item(0) -> nodeValue ."</a>";

}}}}}

if ($hint==""){

echo "无结果";

}else{

echo $hint;

}

---

网页端：（这里只贴上js代码）

function showResult(str)

{

if (str.length==0)

{

document.getElementById("livesearch").innerHTML="";

document.getElementById("livesearch").style.border="0px";

return;

}

xmlhttp=new XMLHttpRequest();

xmlhttp.onreadystatechange=function()

{

if (xmlhttp.readyState==4 && xmlhttp.status==200) //state : OK

{   //receive

document.getElementById("livesearch").innerHTML=xmlhttp.responseText;

document.getElementById("livesearch").style.border="1px solid #A5ACB2";

}

}

xmlhttp.open("GET","livesearch.php?inputInfo="+str,true);  //send

xmlhttp.send();

}

<form>

<input type="text" size="30" onkeyup="showResult(this.value)">

<div id="livesearch"></div>

</form>

---

OK！现在就可以愉快的玩耍了！