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

要实现模糊查询，首先要做的就是把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. JAVA之旅（三十五）——完结篇，终于把JAVA写完了，真感概呐！

    JAVA之旅(三十五)--完结篇,终于把JAVA写完了,真感概呐! 这篇博文只是用来水经验的,写这个系列是因为我自己的java本身也不是特别好,所以重温了一下,但是手比较痒于是就写出了这三十多篇博客了 ...

  2. Bootstrap简单HelloWorld入门教程

    这篇教程旨在让你在20分钟内学会使用twitter bootstrap创建一个站点.看完这个教程后你应该能够使用bootstrap来建立一个基本的响应式布局的页面,了解栅格系统,并且能够使用boots ...

  3. Objc中触摸处理阻塞时消息派送的问题

    在游戏场景中添加了touchBegan的处理: -(void)touchBegan:(CCTouch *)touch withEvent:(CCTouchEvent *)event{ if ([sel ...

  4. input事件--->按键事件的基本实现

    本程序基于TINY4412开发板,程序已经验证过,完全正确: 那么,如何来写这样的一个驱动程序呢? 1.分配一个input_dev结构体 2.设置 3.注册 4.硬件相关的代码,比如中断,定时器,休眠 ...

  5. 【Unity Shaders】Transparency —— 透明的cutoff shader

    本系列主要参考<Unity Shaders and Effects Cookbook>一书(感谢原书作者),同时会加上一点个人理解或拓展. 这里是本书所有的插图.这里是本书所需的代码和资源 ...

  6. 《java入门第一季》之泛型方法和泛型接口

    一.泛型方法. /* * 泛型方法:把泛型定义在方法上.格式:public <泛型类型> 返回类型 方法名(泛型类型 t) public <T> void show(T t){ ...

  7. 40个比较重要的Android面试题

    1. Android的四大组件是哪些,它们的作用? 答:Activity:Activity是Android程序与用户交互的窗口,是Android构造块中最基本的一种,它需要为保持各界面的状态,做很多持 ...

  8. Spring获取bean的步骤

    1 处理&问题 2 去chache里找 3 处理对象A依赖对象B的问题 4 生成bean   4.1 处理方法注入 ------lookup-method   4.2 如果类实现了Instan ...

  9. 《java入门第一季》之面向对象（内部类到底在哪里？）

    /* 内部类概述: 把类定义在其他类的内部,这个类就被称为内部类. 举例:在类A中定义了一个类B,类B就是内部类. 内部的访问特点: A:内部类可以直接访问外部类的成员,包括私有. B:外部类要访问内 ...

  10. tomcat整合apache

    历时4个多小时,终于把tomcat与apache整合起来了. 中间出了各种各样的问题,现记录一下,也希望能对后来者有点帮助. 背景 apache与tomcat的区别联系大家都知道: tomcat能处理 ...