Maison > php教程 > php手册 > php+ajax实时输入自动搜索匹配的方法,ajax自动搜索

php+ajax实时输入自动搜索匹配的方法,ajax自动搜索

PHP中文网
Libérer: 2017-03-30 11:02:01
original
2645 Les gens l'ont consulté

php+ajax实时输入自动搜索匹配的方法,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" />
Copier après la connexion

本文目的是让 某个标题 带有 The 的不按字母t首字母搜索,而是按照第二个文字的首字母搜索.

比如 The Orbolg,按T的时候不显示,按O的时候才显示,下面是实现代码,我自己都晕晕的,测试是没有问题,代码如下:

public function gwquery(){  
    if($_POST){  
    $zm = $_POST[&#39;data&#39;];  
    $wzm = $zm."%";  
    $b = M(&#39;Wpindexgw&#39;);  
    if($zm!="t"){//获取的首字母不是t的时候  
    $list1 = $b->where("gwstatus=1 and gwname like &#39;%$zm%&#39;")->order("time desc")->select();//查询 
    $narr =array();  
    foreach( $list1 as $key => $val){          
        $ct2 = explode(" ",$val[&#39;gwname&#39;]);//获取标题拆分成数组。  
         $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 &#39;$wzm&#39;")->order("time desc")->select();  
    foreach( $list1 as $key => $val){          
        $ct2 = explode(" ",$val[&#39;gwname&#39;]);  
        if($ct2[0]=="The"){  
        $unnarr[] = $key;//获取符合条件的,要去掉的内容的数组标号。       
        }  
    }     
}  
  $list = $b->where("gwstatus=1 and gwname like &#39;$wzm&#39;")->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,&#39;success&#39;,1);  
    }else{  
        $this->error("Bestiary not found.");  
        }  
    }  
}
Copier après la connexion

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

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

以上就是php+ajax实时输入自动搜索匹配的方法,ajax自动搜索的内容,更多相关内容请关注PHP中文网(m.sbmmt.com)!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Recommandations populaires
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal