php+ajax实现实时输入自动搜索匹配

这篇文章主要讲解了“php+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" />

本文目的是让 某个标题 带有 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."); 
        } 
    } 
}

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

复制代码 代码如下:

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实现实时输入自动搜索匹配”的内容了，经过本文的学习后，相信大家对php+ajax实现实时输入自动搜索匹配这一问题有了更深刻的体会，具体使用情况还需要大家实践验证。这里是亿速云，小编将为大家推送更多相关知识点的文章，欢迎关注！