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！现在就可以愉快的玩耍了！
