php 抓取网页ajax数据(AJAXLiveSearch演示一个实时的搜索与传统搜索体验)

　　php 抓取网页ajax数据(AJAXLiveSearch演示一个实时的搜索与传统搜索体验)

　　在使用 PHP 时，AJAX 可以为用户提供更加友好和交互式的搜索体验。本节详细介绍！

　　AJAX 实时搜索

　　在下面的示例中，我们将演示在您键入数据时获取搜索结果的实时搜索。

　　与传统搜索相比，实时搜索具有许多优势：

　　在下面的文本框中搜索 W3CSchool 的页面

　　上例中的结果在 XML 文件 (links.xml) 中查找。为了让这个例子小而简单，我们只提供了 6 个结果。

　　示例说明 - HTML 页面

　　当用户在上述输入框中输入字符时，“showResult()”函数被执行。此函数由“onkeyup”事件触发：

function showResult(str)

{

if (str.length==0)

{

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

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

return;

}

if (window.XMLHttpRequest)

{// code for IE7+, Firefox, Chrome, Opera, Safari

xmlhttp=new XMLHttpRequest();

}

else

{// code for IE6, IE5

xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");

}

xmlhttp.onreadystatechange=function()

{

if (xmlhttp.readyState==4 && xmlhttp.status==200)

{

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

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

}

}

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

xmlhttp.send();

}

　　源代码说明：

　　如果输入框为空（str.length==0），函数会清除livesearch占位符的内容并退出函数。

　　如果输入框不为空，则 showResult() 执行以下步骤：

　　PHP 文件

　　从 JavaScript 调用的上述服务器页面是一个名为“livesearch.php”的 PHP 文件。

　　“livesearch.php”中的源代码在 XML 文件中搜索与搜索字符串匹配的标题并返回结果：

<p>