PHP實現的即時搜尋提示

這次帶給大家PHP實現的即時搜尋提示，PHP實作即時搜尋提示的注意事項有哪些，以下就是實戰案例，一起來看一下。

本文實例講述了PHP+JS實現的即時搜尋提示功能。分享給大家供大家參考，如下：

效果圖如下：

#程式碼如下：

##HTML程式碼：（程式碼用兩種方法實現，一種Jquery,一種原生JS）

  <script></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>

     

PHP代碼如下：（PHP不僅可以考慮直接使用數組，也可以考慮直接查詢資料庫，取得資料庫內容，本程式碼使用的是陣列。

推薦閱讀：

php保留鍵值+合併陣列詳解

#怎麼重置陣列為數字索引

thinkphp依照路由規則產生url的方法#

以上是PHP實現的即時搜尋提示的詳細內容。更多資訊請關注PHP中文網其他相關文章！