Heim  >  Artikel  >  Backend-Entwicklung  >  PHP und JS realisieren die Codefreigabe von Suchaufforderungsfunktionen

PHP und JS realisieren die Codefreigabe von Suchaufforderungsfunktionen

小云云
小云云Original
2018-03-14 09:22:131601Durchsuche

Dieser Artikel stellt Ihnen hauptsächlich die von PHP + JS implementierte Echtzeit-Suchaufforderungsfunktion vor, die PHP in Kombination mit der Ajax-Echtzeitübertragung von Daten und dem Durchlaufen von Zeichenfolgen sowie dem Abgleich damit verbundener Betriebsfähigkeiten umfasst . Ich hoffe, es kann allen helfen.

Das Rendering ist wie folgt:

Der Code ist wie folgt:

HTML-Code: (Dieser Code wird auf zwei Arten implementiert , eine davon ist Jquery, eine Art natives JS)


<html>
<head>
  <script src="/DelphiRequest/search/js/jquery.js"></script>
  <script>
/*用原生js实现
//    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();
//    }
*/
//用jquery实现
     function showResult(str){
       $.ajax({
         type: "GET",
         url : "livesearch.php",
         datatype : &#39;json&#39;,
         data: {&#39;q&#39;:str} ,
         success :function (data) {
           document.getElementById("livesearch").innerHTML=data;
           document.getElementById("livesearch").style.border="1px solid #A5ACB2";
         }
       })
     }
  </script>
</head>
<body>
<form>
  <input type="text" size="30" onkeyup="showResult(this.value)">
  <p id="livesearch"></p>
</form>
</body>
</html>

Der PHP-Code lautet wie folgt: (PHP kann nicht nur die direkte Verwendung von Arrays in Betracht ziehen, sondern auch direkt abfragen Die Datenbank zum Abrufen des Datenbankinhalts ist ein Array.


<?php
$provinces=array("beijing","tianjin","shanghai","chongqing","hebei","henan","heilongjiang","jilin","changchun",
  "shandong","anhui","shanxi","guangzhou","yunnan","hainan","xizang","qinghai","fujian","guizhou","jiangsu",
  "zhejiang","guangzhou","yunan","hainan","xizang","neimenggu","sichuan","gansu","ningxia","xianggang","aomen");
$tmp=$_GET[&#39;q&#39;];
$val=array();
$k=0;
if (strlen($tmp)>0)
{
  for($i=0;$i<31;$i++){
    if(strpos($provinces[$i],$tmp)!==false){
       //传递值给val
       $val[$k]=$provinces[$i];
       //下标增加
       $k=$k+1;
    }
  }
  //遍历val数组
  for($j=0;$j<count($val);$j++)
  {
    echo $val[$j];
    echo "<br>";
  }
}
?>

Ajax-Suchtipps_PHP-Tutorial

PHP-Suchaufforderung: search-suggest

php+jquery-Implementierung einer Suchaufforderungsfunktion – Beispiel

Das obige ist der detaillierte Inhalt vonPHP und JS realisieren die Codefreigabe von Suchaufforderungsfunktionen. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn