Question

我正在为搜索框使用W3S的Ajax实时搜索教程代码。我在xml文件中设置了一些链接，以防该搜索框用于将相对内部页面连接起来。它可以正常工作，但是问题是搜索结果显示在另一个神秘的页面中，我必须单击它以链接我要转到的页面，这不是我期望的。

这是我第一次尝试php，Ajax，xml等...我已经搜索了类似的问题和答案，但是没有找到任何答案。

------这是livesearch.php代码，基本上与W3S相同---

<?php
$xmlDoc=new DOMDocument();
$xmlDoc->load("links.xml");

$x=$xmlDoc->getElementsByTagName('link');


$q=$_GET["s"];


if (strlen($q)>0)
{
$hint="";
for($i=0; $i<($x->length); $i++)
{
$y=$x->item($i)->getElementsByTagName('title');
$z=$x->item($i)->getElementsByTagName('url');
if ($y->item(0)->nodeType==1)
{
if (stristr($y->item(0)->childNodes->item(0)->nodeValue,$q))
{
if ($hint=="")
{
$hint="<a href='" . 
$z->item(0)->childNodes->item(0)->nodeValue . 
"' target='_blank'>" . 
$y->item(0)->childNodes->item(0)->nodeValue . "</a>";
}
else
{
$hint=$hint . "<br /><a href='" . 
$z->item(0)->childNodes->item(0)->nodeValue . 
"' target='_blank'>" . 
$y->item(0)->childNodes->item(0)->nodeValue . "</a>";
}
}
}
}
}


if ($hint=="")
{
$response="no suggestion";
}
else
{
$response=$hint;
}



echo $response;
?>

-------脚本代码在我的index.html页面上--------

<html>
<head>
<script>
function showResult(str)
{
  if (str.length==0)
  { 
    document.getElementById("livesearch").innerHTML="";
    document.getElementById("livesearch").style.border="0px";
    return;
  }
  if (window.XMLHttpRequest)
  {// IE7+, Firefox, Chrome, Opera, Safari 
    xmlhttp=new XMLHttpRequest();
  }
  else
  {// 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();
}
</script>

</body>
</html>

-----这是我用于XML的代码-----

<pages>
<link>
<title>Name 1</title>
<url>http://www.xxxx1.html</url>
</link>
<link>
<title> Name 2</title>
<url>http://www.xxxx2.html</url>
</link>
<link>
<title>Name 3</title>
<url>
http://www.xxxx3.html
</url>
</link>
</pages>

-----这是我用于搜索框的代码-----

                  <input id="livesearch" autocomplete="on" ibMouseDown="" onBlur="" autopcapitalize="none" autofocus name="s" value="" placeholder="Search for wines or winerary" required="required" type="search" onkeyup="showResult(this.value)">
                     <button class="rd__button" data-trach-action="hero" hata-track-label="searchicon" id="search-action" title="Search">
                       <i class="search-icon rd__svg-icon rd__svg-icon--textsecondary rd__svg-icon--large">
                       </i>
                     </button>
                </div>
               </form>

-----我还在index.html中添加了自动完成功能------

<script>
    var name = ["", "", ""];

   $('#livesearch').autocomplete({
     source: name
   },{});

   </script>

我认为我现在遇到的问题是，可能代码的某些部分没有编写，这就是为什么网页没有直接显示的原因，只是我不知道该怎么做。请告诉我，欢迎您提出任何建议。

使用AJAX实时搜索来抓取内部网页

0 个答案: