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

第一种方法利用了jquery autocomplete,第二种使用了jquery ajax,其实两个都差不多.

最简单的办法我们就是直接使用jquery autocomplete方法了,如下在实例.

html中,代码如下:

复制代码 代码如下:

<script src="https://www.jb51.net/js/v2/jquery.input_complete.js" type="text/javascript" ></script>
<link href="https://www.jb51.net/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" 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."); 
        } 
    } 
}


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

复制代码 代码如下:

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:http://www.heiqu.com/7cfd7de0f60eb56ce67ab56da754f6c4.html