php+ajax實(shí)時(shí)輸入自動(dòng)搜索匹配的方法
本文實(shí)例講述了php+ajax實(shí)輸入自動(dòng)搜索匹配的方法分享給大家供大家參考。具體分析如下:
第一種方法利用了jquery autocomplete,第二種使用了jquery ajax,其實(shí)兩個(gè)都差不多.
最簡單的辦法我們就是直接使用jquery autocomplete方法了,如下在實(shí)例.
html中,代碼如下:
<link rel="stylesheet" href="/css/v2/jquery.input_complete.css" type="text/css" />
<script type="text/javascript">
$(function(){
$("#abcc").bigAutocomplete({width:176,data:[{title:"九龍倉世紀(jì)華府",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" />
本文目的是讓 某個(gè)標(biāo)題 帶有 The 的不按字母t首字母搜索,而是按照第二個(gè)文字的首字母搜索.
比如 The Orbolg,按T的時(shí)候不顯示,按O的時(shí)候才顯示,下面是實(shí)現(xiàn)代碼,我自己都暈暈的,測試是沒有問題,代碼如下:
if($_POST){
$zm = $_POST['data'];
$wzm = $zm."%";
$b = M('Wpindexgw');
if($zm!="t"){//獲取的首字母不是t的時(shí)候
$list1 = $b->where("gwstatus=1 and gwname like '%$zm%'")->order("time desc")->select();//查詢
$narr =array();
foreach( $list1 as $key => $val){
$ct2 = explode(" ",$val['gwname']);//獲取標(biāo)題拆分成數(shù)組。
$szm=strtolower(substr($ct2[1],0,1)); //獲取首字母 并且小寫
if($ct2[0]=="The" && $szm==$zm){//如果第一個(gè)字符是The 并且第二個(gè)字母首字母和提交的相同,這里The 區(qū)分大小寫。
$narr[] = $val; //寫入數(shù)組
}
}
}else{ //處理首字母是T的時(shí)候 ,不希望第一個(gè)字?jǐn)?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;//獲取符合條件的,要去掉的內(nèi)容的數(shù)組標(biāo)號。
}
}
}
$list = $b->where("gwstatus=1 and gwname like '$wzm'")->order("time desc")->select();//正常的查詢。
if($zm=="t"){//處理當(dāng)首字母是t的時(shí)候 ,去掉上面查詢得到的內(nèi)容,也就是如果是The的時(shí)候 按T 不顯示。
foreach($unnarr as $uval){
unset($list[$uval]);
}
}else{//按下的不是t的時(shí)候,要把第二個(gè)首字母符合的內(nèi)容添加到正常查詢的數(shù)組中。
if(!emptyempty($narr) && !emptyempty($list)){//帶The 的符合條件正常 本身也不空的時(shí)候。
$list = array_merge($narr,$list);//合并數(shù)組。
}else if(emptyempty($list)){//正常查詢?yōu)榭?。則看是否有帶The開頭的,有則合并
$list=array();
$list = array_merge($narr,$list);
}
}
if($list){
$this->ajaxReturn($list,'success',1);
}else{
$this->error("Bestiary not found.");
}
}
}
相比之前的代碼,相差太多,代碼如下:
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程序設(shè)計(jì)有所幫助。
- php+ajax實(shí)時(shí)刷新簡單實(shí)例
- 值得分享的php+ajax實(shí)時(shí)聊天室
- PHP實(shí)現(xiàn)的消息實(shí)時(shí)推送功能【基于反ajax推送】
- AJAX 實(shí)時(shí)讀取輸入文本(php)
- PHP Ajax實(shí)現(xiàn)表格實(shí)時(shí)編輯
- PHP+Ajax實(shí)時(shí)自動(dòng)檢測是否聯(lián)網(wǎng)的方法
- php+ajax實(shí)現(xiàn)無刷新動(dòng)態(tài)加載數(shù)據(jù)技術(shù)
- php采用ajax數(shù)據(jù)提交post與post常見方法總結(jié)
- ajax處理php返回json數(shù)據(jù)的實(shí)例代碼
- php+jQuery ajax實(shí)現(xiàn)的實(shí)時(shí)刷新顯示數(shù)據(jù)功能示例
相關(guān)文章
php實(shí)現(xiàn)帶讀寫分離功能的MySQL類完整實(shí)例
這篇文章主要介紹了php實(shí)現(xiàn)帶讀寫分離功能的MySQL類,具有針對mysql數(shù)據(jù)庫的基本增刪改查及讀寫分離操作的功能,涉及針對讀庫與寫庫的判斷及操作技巧,需要的朋友可以參考下2016-07-07詳解PHP結(jié)構(gòu)型設(shè)計(jì)模式之橋接模式Bridge Pattern
橋接,顧名思義,就是用來連接兩個(gè)部分,使得兩個(gè)部分可以互相通訊。橋接模式將系統(tǒng)的抽象部分與實(shí)現(xiàn)部分分離解耦,使他們可以獨(dú)立的變化。本文通過示例詳細(xì)介紹了橋接模式的原理與使用,需要的可以參考一下2023-04-04PHP實(shí)現(xiàn)簡單的協(xié)程任務(wù)調(diào)度demo示例
這篇文章主要介紹了PHP實(shí)現(xiàn)簡單的協(xié)程任務(wù)調(diào)度demo,結(jié)合實(shí)例形式詳細(xì)分析了PHP基于協(xié)程的任務(wù)調(diào)度基本原理、定義及使用技巧,需要的朋友可以參考下2020-02-02解析WordPress中的post_class與get_post_class函數(shù)
這篇文章主要介紹了WordPress中的post_class與get_post_class函數(shù),包括post_class()的PHP源碼的相應(yīng)介紹,需要的朋友可以參考下2016-01-01WordPress中用于獲取及自定義頭像圖片的PHP腳本詳解
這篇文章主要介紹了WordPress中用于獲取及自定義頭像圖片的PHP腳本編寫方法,分別為get_avatar()和alt標(biāo)簽的使用,需要的朋友可以參考下2015-12-12php實(shí)現(xiàn)的簡單中文驗(yàn)證碼功能示例
這篇文章主要介紹了php實(shí)現(xiàn)的簡單中文驗(yàn)證碼功能,結(jié)合實(shí)例形式分析了php中文驗(yàn)證碼功能的實(shí)現(xiàn)步驟與操作方法,包括圖形創(chuàng)建、編碼操作、session操作等相關(guān)技巧,需要的朋友可以參考下2017-01-01