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程序设计有所帮助。

(0)

相关推荐

  • ThinkPHP实现ajax仿官网搜索功能实例

    本文实例讲述了ThinkPHP实现ajax仿官网搜索功能的方法.分享给大家供大家参考. 具体实现方法如下: 后台代码: 复制代码 代码如下: //搜索,如果在1不在0  function search(){      $keyword = $_POST['search'];      $Goods=M('goods');    //这里我做的一个模糊查询到名字或者对应的id,主要目的因为我这个系统是    //商城系统里面用到直接看产品ID      $map['goods_id|goods_n

  • Ajax+Servlet+jsp显示搜索效果

    一.Ajax简介 Ajax被认为是(Asynchronous JavaScript and XML)的缩写,允许浏览器与服务器通信而无需刷新当前的页面的技术都被叫做Ajax eg:百度搜索.实时地图.etc,在Ajax模型中,数据在客户端与服务器之间独立传输,服务器用不刷新整个页面便可更新数据: 二.Ajax的工作原理图 三.Ajax发送和接收相应的方法 1.发送请求相应的方法 1).onreadystatechange事件处理函数:该函数由服务器触发而不是用户,每次readyState属性的改

  • jquery创建一个ajax关键词数据搜索实现思路

    在web开发过程当中,我们经常需要在前台页面输入关键词进行数据的搜索,我们通常使用的搜索方式是将搜索结果用另一个页面显示,这样的方式对于搭建高性能网站来说不是最合适的,今天给大家分享一下如何使用 jQuery,MySQL 和 Ajax创建简单和有吸引力的 Ajax 搜索,这是继<使用jQuery打造一个实用的数据传输模态弹出窗体>第二篇jquery项目实际运用的教程,希望大家在开发项目的时候能够根据自己的实际情况灵活运用 点击搜索默认显示所有的结果 输入A之后显示的搜索结果 输入 p之后显示的

  • jsp源码实例4(搜索引擎)

    package coreservlets; import java.io.*;import javax.servlet.*;import javax.servlet.http.*;import java.net.*; public class SearchEngines extends HttpServlet {public void doGet(HttpServletRequest request,HttpServletResponse response)throws ServletExcep

  • ajax Suggest类似google的搜索提示效果

    实现: <script type="text/javascript" src="/path/to/SuggestFramework.js"></script> <script type="text/javascript">window.onload = initializeSuggestFramework;</script> 有了上面两句后,每个取了名的文本框会多出五个属性: 1.action 必须

  • php+ajax做仿百度搜索下拉自动提示框(有实例)

    php+mysql+ajax实现百度搜索下拉提示框 主要有3个文件三个文件在同一个目录里 如下图 下面是三个文件的代码 把sql文件导入到mysql数据库里 修改下数据库密码为自己的 记得哦是UTF-8编码 php+mysql+ajax实现百度搜索下拉提示框 效果图 rpc.php文件 复制代码 代码如下: <?php mysql_connect('localhost', 'root' ,''); mysql_select_db("test"); $queryString = $

  • jsp网页搜索结果中实现选中一行使其高亮

    我在做搜索结果时,为了好看需要将选中的行变的高亮些,我使用了一个onclick 事件: 复制代码 代码如下: var assno=""; function check(obj,che,rwid){ if(obj.checked==true){ document.getElementById(rwid).style.background ="blue"; assno=document.getElementById(che).value; alert(assno); }

  • asp+ajax仿google搜索提示效果代码

    对于更完整的代码可以参考,这个是支持数据库的版本.经过我们编辑测试.Asp+Ajax仿google搜索提示效果 数据库版需要修改的地方有 复制代码 代码如下: javascript.js var url="ajax.asp"; //后台地址 var time_delayajax=300; //搜索延迟 var time_delayupdown=100; //方向键延迟 obj_div.style.top = (xtop + 20) + "px"; //20差不多是输

  • asp.net和ajax实现智能搜索功能代码

    第一步,先做好搜索页面 复制代码 代码如下: <%@ Page Language="VB" AutoEventWireup="false" CodeFile="Default.aspx.vb" Inherits="_Default" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://

  • jsp搜索引擎

    package coreservlets; import java.io.*; import javax.servlet.*; import javax.servlet.http.*; import java.net.*; public class SearchEngines extends HttpServlet { public void doGet(HttpServletRequest request, HttpServletResponse response) throws Servle

随机推荐