php+ajax實時輸入自動搜索匹配的方法
文章主要介紹了php+ajax實時輸入自動搜索匹配的方法,實例分析了兩種實現(xiàn)方法,是非常實用的技巧,需要的朋友可以參考下。
本文實例講述了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的時候才顯示,下面是實現(xiàn)代碼,我自己都暈暈的,測試是沒有問題,代碼如下:
復制代碼 代碼如下:
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']);//獲取標題拆分成數(shù)組。
$szm=strtolower(substr($ct2[1],0,1)); //獲取首字母 并且小寫
if($ct2[0]=="The" && $szm==$zm){//如果第一個字符是The 并且第二個字母首字母和提交的相同，這里The 區(qū)分大小寫。
$narr[] = $val; //寫入數(shù)組
}
}
}else{ //處理首字母是T的時候 ，不希望第一個字數(shù)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;//獲取符合條件的，要去掉的內容的數(shù)組標號。
}
}
}
$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的時候，要把第二個首字母符合的內容添加到正常查詢的數(shù)組中。
if(!emptyempty($narr) && !emptyempty($list)){//帶The 的符合條件正常 本身也不空的時候。
$list = array_merge($narr,$list);//合并數(shù)組。
}else if(emptyempty($list)){//正常查詢?yōu)榭铡t看是否有帶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實時輸入自動搜索匹配的方法】相關文章：
搜狗輸入法關閉自動搜索的方法09-23
Excel函數(shù)的輸入方法08-04
excel 溫度符號℃的輸入方法07-07
Dreamweaver輸入空格使用方法10-25
在div中可以輸入文字的方法09-15
搜索框設計和布局的方法10-20
php啟用sphinx全文搜索的方法07-27