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"){/pic/p>

　　$list1 = $b->where("gwstatus=1 and gwname like '%$zm%'")->order("time desc")->select();/pic/p>

　　$narr =array();

　　foreach( $list1 as $key => $val){

　　$ct2 = explode(" ",$val['gwname']);/pic/p>

　　$szm=strtolower(substr($ct2[1],0,1));  /pic/p>

　　if($ct2[0]=="The" && $szm==$zm){/pic/p>

　　$narr[] = $val; /pic/p>

　　}

　　}

　　}else{      /pic/p>

　　$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;/pic/p>

　　}

　　}

　　}

　　$list = $b->where("gwstatus=1 and gwname like '$wzm'")->order("time desc")->select();/pic/p>

　　if($zm=="t"){/pic/p>

　　foreach($unnarr as $uval){

　　unset($list[$uval]);

　　}

　　}else{/pic/p>

　　if(!emptyempty($narr) && !emptyempty($list)){/pic/p>

　　$list = array_merge($narr,$list);/pic/p>

　　}else if(emptyempty($list)){/pic/p>

　　$list=array();

　　$list = array_merge($narr,$list);

　　}

　　}

　　if($list){

　　$this->ajaxReturn($list,'success',1);

　　}else{

　　$this->error("Bestiary not found.");

　　}

　　}

　　}

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

　　復制代碼 代碼如下:

　　public function gwquery1(){/pic/p>

　　if($_POST){

　　$zm = $_POST['data'];

　　$wzm = $zm."%";

　　$b = M('Wpindexgw');

　　$list = $b->where("gwstatus=1 and gwname like '$wzm'")->order("time desc")->select();

　　/pic/p>

　　if($list){

　　$this->ajaxReturn($list,'success',1);

　　}else{

　　$this->error("Bestiary not found.");

　　}

　　}

　　}

【php+ajax實時輸入自動搜索匹配的方法】相關文章：

搜狗輸入法關閉自動搜索的方法01-26

php+ajax做仿百度搜索下拉自動提示框02-28

Excel函數(shù)的輸入方法09-23

excel 溫度符號℃的輸入方法11-09

Dreamweaver輸入空格使用方法03-01

java輸入數(shù)據(jù)流的方法12-06

在div中可以輸入文字的方法09-21

jquery+php實現(xiàn)搜索框自動提示12-03

搜索框設計和布局的方法01-28