类似于百度的搜索引擎模糊查询功能，不过百度的模糊查询功能更强大，这里简单实现下.

要实现模糊查询，首先要做的就是把SQL写好。话不多少，直接贴代码了!

JSP页面：

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>

<%

String path = request.getContextPath();

String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";

%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

  <head>

    <base href="<%=basePath%>">

    <title>My JSP 'search.jsp' starting page</title>

	<meta http-equiv="pragma" content="no-cache">

	<meta http-equiv="cache-control" content="no-cache">

	<meta http-equiv="expires" content="0">

	<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">

	<meta http-equiv="description" content="This is my page">

    <script type="text/javascript" src="prototype.js"></script>

    <style type="text/css">

       body{font:11px arial;}

       #suggest{

                position:absolute;

                background-color:#FFFFFF;

                text-align: :left;

                border: 1px solid #000000;

                display: none;

       }

    </style>

	<script type="text/javascript">

	    function searchSuggest(){

	    	var url="Search";

	    	var txtSearch=$F("txtSearch");

	    	var pars='txtSearch='+txtSearch;

	    	var searchAjax=new Ajax.Request(

	    	      url,

	    	      {

	    	    	 method:'get',  //get方式提交

	    	    	 parameters:pars, //提交参数

	    	    	 onComplete:processRequest

	    	      }

	    	);

	    }

	    function processRequest(req){

	    	var sobj=$("suggest");

	    	sobj.innerHTML="";

	    	var str=req.responseText.split("-");

	    	var suggest="";

	    	if(str.length>0&&str[0].length>0){

                for(i=0;i<str.length;i++){

                	suggest+="<div>"+str[i]+"</div>";

                }

                sobj.innerHTML=suggest;

                $("suggest").style.display="block";

	    	}else{

	    		$("suggest").style.display="none";

	    	}

	    }

	</script>

  </head>

  <body>

       <h3>Ajax自动搜索提示</h3>

       <div style="width:500px">

          <form action="" id="formSearch">

             <input type="text" id="txtSearch" name="txtSearch"  onkeyup="searchSuggest()"autocomplete="off"/>

             <input type="submit" id="cmdSerach" name="cmdSearch" value="搜索"/><br/>

             <div id="suggest" style="width:200px"></div>

          </form>

       </div>

  </body>

</html>

Sevlet类:

package servlet.ajax;

import java.io.IOException;

import java.io.PrintWriter;

import javax.servlet.ServletException;

import javax.servlet.http.HttpServlet;

import javax.servlet.http.HttpServletRequest;

import javax.servlet.http.HttpServletResponse;

public class Search extends HttpServlet {

	public void doGet(HttpServletRequest request, HttpServletResponse response)

			throws ServletException, IOException {

          request.setCharacterEncoding("UTF-8");

          response.setCharacterEncoding("UTF-8");

          String req=request.getParameter("txtSearch");

          PrintWriter out = response.getWriter();

          SearchDao sd=new SearchDao();

          sd.getText(req);

          StringBuffer sb=sd.getText(req);

          out.print(sb.toString());

          out.flush();

	}

}

进行连接数据库，模糊查询的JAVA类:

package servlet.ajax;

import java.sql.Connection;

import java.sql.DriverManager;

import java.sql.PreparedStatement;

import java.sql.ResultSet;

import java.sql.SQLException;

import java.util.ArrayList;

import java.util.List;

public class SearchDao {

	public StringBuffer  getText(String req){

		//首先定义下连接数据的URL、用户名、密码

		String url="jdbc:oracle:thin:@127.0.0.1:1521:orcl";

		String user="scott";

		String password="yulei123";

		String sql="select ename from emp a where a.ename like ?";

		if(req.trim().length()==0){

	      sql=sql+" and 1<>1";

		}

		List strList=new ArrayList();

		 try {

			Class.forName("oracle.jdbc.driver.OracleDriver");

			Connection con=DriverManager.getConnection(url,user,password);

			PreparedStatement pre=con.prepareStatement(sql);

			pre.setString(1,"%"+req.toUpperCase().trim()+"%");

			ResultSet rs=pre.executeQuery();

			while(rs.next()){

				String ename=rs.getString("ename");

				strList.add(ename);

			}

		} catch (ClassNotFoundException e) {

			e.printStackTrace();

		} catch (SQLException e) {

			e.printStackTrace();

		}

		StringBuffer sb=new StringBuffer();

		int size=strList.size();

		for(int i=0;i<size;i++){

			sb.append((String)strList.get(i)+"-");

		}

		return sb;

	}

}

代码写好后，就可以在文本框输入字母后就可以模糊查询出数据了!

Ajax 模糊查询的简单实现的更多相关文章

  1. GridLookUpEdit多列模糊查询最简单方式 z

    GridLookUpEdit的知识库是RepositoryItemGridLookUpEdit,切确的说GridLookUpEdit只是RepositoryItemGridLookUpEdit的一个壳 ...

  2. 突然发现用PHP做多条件模糊查询很简单

    原文:http://blog.csdn.net/suleil1/article/details/49471099 所使用的方法:$sqlArr=array();array_push();implode ...

  3. AJAX基本操作 + 登录 + 删除 + 模糊查询

    AJAX练习显示页面 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http:// ...

  4. jquery select 列表 ajax 动态获取数据 模糊查询 分页

    最近需要一个这样的select 在网上找的多是数据一次性获取到再通过前端模糊查询匹配的 这样在数据量比较大的情况下不适合 ,所以参考http://www.jq22.com/jquery-info145 ...

  5. mongo中的模糊查询

    以下是一个mongo查询的综合应用,即介绍一个生产中实际应用的模糊查询,当然其实也很简单,主要用到mongo中的模糊查询和$or查询,以及并的关系,下面是一个mongo中的一条记录 { "_ ...

  6. Ajax实现在textbox中输入内容，动态从数据库中模糊查询显示到下拉框中

    功能:在textbox中输入内容,动态从数据库模糊查询显示到下拉框中,以供选择 1.建立一aspx页面,html代码 <HTML> <HEAD> <title>We ...

  7. Springmvc+Myabtis+Ajax实现异步分页emp+dept（全部查询及模糊查询）

    1.在项目中创建如下目录 2.创建实体类Dept package com.entity; import java.io.Serializable; /** * 部门表 * @author Admini ...

  8. Android简易实战教程--第三十九话《简单的模糊查询》

    今天这一篇小案例模拟模糊查询,即输入一个字符,显示手机对应的所有存在该字符的路径. 布局: <?xml version="1.0" encoding="utf-8& ...

  9. ajax实现模糊查询完成列表信息显示

    之前遗留一个老问题:列表模糊查询,用的直接是form提交,点击搜索按扭后,页面刷新,搜索框中关键词就没了,这鸡肋的体验,我发誓一定要搞定它 但是鉴于自己写代码是纯粹玩票,我写代码没有目标,只有在当前工 ...

随机推荐

  1. testng的使用

    TestNG教程 TestNG是一个测试框架,其灵感来自JUnit和NUnit,但同时引入了一些新的功能,使其功能更强大,使用更方便. TestNG设计涵盖所有类型的测试:单元,功能,端到端,集成等, ...

  2. Android开发_TextView跑马灯

    关键代码: android:singleLine="true" android:ellipsize="marquee" android:focusable=&q ...

  3. SYBASE bcp用法及例子

    BCP是SYBASE公司提供专门用于数据库表一级数据备份的工具. 语法: 语法如下:(可用 bcp – 得到) 常用参数说明: -b batch_size 指定所复制的每批数据中的行数.每个批处理作为 ...

  4. Centos7安装Tair及配置测试

    系统环境 Centos7 64位 外网ip 182.254.145.66 内网ip 10.105.23.114 安装位置 /usr/local/tair Tair介绍 参见官网 安装 想了半天,我还是 ...

  5. LiveBlox无需代码的开发工具--支持win macos ubuntu等开发环境--

    LiveBlox无需代码的开发工具-支持windows macos ubuntu. 强大 灵活 易于使用 视频简介:LiveBlox Develop Technology Without Coding ...

  6. CentOS 64-bit下安装JDK和Tomcat并设置Tomcat开机启动操作步骤

    准备文件如下: 1.CentOS-6.4-x86_64-bin-DVD1.iso 2.jdk-7u67-linux-x64.rpm 3.apache-tomcat-7.0.55.tar.gz 安装步骤 ...

  7. java设计模式---构建者模式

    创建者模式和工厂模式有点类似,不过关注点不同.工厂模式往往只关心你要的是什么,二不关心这个东西的具体细节是什么.而创建模式则关心的是这个东西的具体细节的创建.拿创建人物来说,我们关心的不仅是创建一个人 ...

  8. UML 类图. 对象图. 接口图. 用例图 .包,参与者. 依赖关系. 泛化/继承关系. 关联关系 .聚合/聚集关系. 实现关系 组合关系。

    结构元素 结构元素包括,类,对象,接口,用例,参与者. 类图 类图图示      类图是UML中最基本的元素了吧?根据OO的思想"天下一切皆对象",而类是对象的抽象.      左 ...

  9. (NO.00003)iOS游戏简单的机器人投射游戏成形记(十七)

    现在玩家选择机器人后,可以在屏幕上或手臂上点击来移动robot's arm了. 但是玩家选择一个机器人后没有视觉效果来表明哪个机器人被选中.玩家做了一个操作后没有视觉反馈会惹恼强迫症用户滴 ;) 这篇 ...

  10. MacTalk·人生元编程 - 读书笔记

    简介 <MacTalk·人生元编程>是一本随笔文集,主要内容来自作者的微信公众平台"MacTalk By 池建强".本书撰写于2013年,书中时间线却不止于此.作者以一 ...