Использование AJAX live search для сканирования внутренних веб-страниц - PullRequest
Новая
       21

Использование AJAX live search для сканирования внутренних веб-страниц

0 голосов
/ 10 мая 2019

Я использую код учебного пособия по Ajax W3S для поиска в окне поиска. Я установил несколько ссылок в 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>

Я думаю, что проблема у меня сейчас, возможно, какая-то часть кода не написана, поэтому веб-страница не отображалась напрямую, просто я понятия не имею, как мне поступить дальше. Пожалуйста, если вы что-то знаете, дайте мне знать, любые советы приветствуются.

...