php+ajax實現實時輸入自動搜索匹配

這篇文章主要講解了“php+ajax實現實時輸入自動搜索匹配”，文中的講解內容簡單清晰，易于學習與理解，下面請大家跟著小編的思路慢慢深入，一起來研究和學習“php+ajax實現實時輸入自動搜索匹配”吧！

第一種方法利用了jquery autocomplete,第二種使用了jquery ajax,其實兩個都差不多.

最簡單的辦法我們就是直接使用jquery autocomplete方法了,如下在實例.

html中,代碼如下:

復制代碼 代碼如下:

<script src="/js/v2/jquery.input_complete.js" type="text/javascript" ></script>
<link rel="stylesheet" href="/css/v2/jquery.input_complete.css" type="text/css" />
<script type="text/javascript">
  $(function(){
   $("#abcc").bigAutocomplete({width:176,data:[{title:"九龍倉世紀華府",result:"5976898"},{title:"九龍倉君璽",result:"5976896"},{title:"舟山朱家尖東沙度假村",result:"5976895"},{title:"廣廈天都城爵士花園",result:"5976893"},{title:"綠城玉園",result:"5976892"},{title:"江南銘樓",result:"5976890"}，{title:"世茂江濱花園",result:"14869"}],callback:function(data){
    $("#s_loupan").val(data.result);
   }});   
  })
</script>
<input type="text" id="abcc" class="sel_quy" autocomplete="off" />

本文目的是讓 某個標題 帶有 The 的不按字母t首字母搜索,而是按照第二個文字的首字母搜索.

比如 The Orbolg,按T的時候不顯示,按O的時候才顯示,下面是實現代碼,我自己都暈暈的,測試是沒有問題,代碼如下:

復制代碼 代碼如下:

public function gwquery(){ 
    if($_POST){ 
    $zm = $_POST['data']; 
    $wzm = $zm."%"; 
    $b = M('Wpindexgw'); 
    if($zm!="t"){//獲取的首字母不是t的時候 
    $list1 = $b->where("gwstatus=1 and gwname like '%$zm%'")->order("time desc")->select();//查詢 
    $narr =array(); 
    foreach( $list1 as $key => $val){         
        $ct2 = explode(" ",$val['gwname']);//獲取標題拆分成數組。 
         $szm=strtolower(substr($ct2[1],0,1));  //獲取首字母 并且小寫 
        if($ct2[0]=="The" && $szm==$zm){//如果第一個字符是The 并且第二個字母首字母和提交的相同，這里The 區分大小寫。 
        $narr[] = $val; //寫入數組 
        }    
    } 
    }else{      //處理首字母是T的時候    ，不希望第一個字數The 的顯示在列表里。 
        $list1 = $b->where("gwstatus=1 and gwname like '$wzm'")->order("time desc")->select(); 
    foreach( $list1 as $key => $val){         
        $ct2 = explode(" ",$val['gwname']); 
        if($ct2[0]=="The"){ 
        $unnarr[] = $key;//獲取符合條件的，要去掉的內容的數組標號。      
        } 
    }    
} 
    $list = $b->where("gwstatus=1 and gwname like '$wzm'")->order("time desc")->select();//正常的查詢。 
    if($zm=="t"){//處理當首字母是t的時候 ,去掉上面查詢得到的內容，也就是如果是The的時候 按T 不顯示。 
    foreach($unnarr as $uval){ 
        unset($list[$uval]); 
    }            
    }else{//按下的不是t的時候，要把第二個首字母符合的內容添加到正常查詢的數組中。 
    if(!emptyempty($narr) && !emptyempty($list)){//帶The 的符合條件正常 本身也不空的時候。 
    $list = array_merge($narr,$list);//合并數組。 
    }else if(emptyempty($list)){//正常查詢為空。則看是否有帶The開頭的，有則合并 
    $list=array(); 
    $list = array_merge($narr,$list);    
    }
    } 
    if($list){ 
    $this->ajaxReturn($list,'success',1); 
    }else{ 
        $this->error("Bestiary not found."); 
        } 
    } 
}

相比之前的代碼,相差太多,代碼如下:

復制代碼 代碼如下:

public function gwquery1(){//之前備份。。 
    if($_POST){ 
    $zm = $_POST['data']; 
    $wzm = $zm."%"; 
    $b = M('Wpindexgw'); 
    $list = $b->where("gwstatus=1 and gwname like '$wzm'")->order("time desc")->select(); 
    //dump($list); 
    if($list){ 
    $this->ajaxReturn($list,'success',1); 
    }else{ 
        $this->error("Bestiary not found."); 
        } 
    } 
}

感謝各位的閱讀，以上就是“php+ajax實現實時輸入自動搜索匹配”的內容了，經過本文的學習后，相信大家對php+ajax實現實時輸入自動搜索匹配這一問題有了更深刻的體會，具體使用情況還需要大家實踐驗證。這里是億速云，小編將為大家推送更多相關知識點的文章，歡迎關注！