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

前端技术 2023/09/06 PHP

本文实例讲述了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程序设计有所帮助。

本文地址:https://www.stayed.cn/item/15537

转载请注明出处。

本站部分内容来源于网络,如侵犯到您的权益,请 联系我

我的博客

人生若只如初见,何事秋风悲画扇。