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

要实现模糊查询，首先要做的就是把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. 剑指Offer——网易笔试之不要二——欧式距离的典型应用

    剑指Offer--网易笔试之不要二--欧式距离的典型应用 前言 欧几里得度量(euclidean metric)(也称欧氏距离)是一个通常采用的距离定义,指在m维空间中两个点之间的真实距离,或者向量的 ...

  2. 高通8x12平台开机画面制作工具

    你可能在网上看到很到关于手动更换手机开机图片的文章,想想自己的开机画面是小两口,好基友的照片多么个性啊.但是你有没有发现,网上下载的什么"一键生成"之类的,在你的手机上不能用啊,( ...

  3. Swift中实现Observable机制

    猴子原创,欢迎转载.转载请注明: 转载自Cocos2Der-CSDN,谢谢! 原文地址: http://blog.csdn.net/cocos2der/article/details/51917539 ...

  4. springMVC 使用ajax 出现No serializer found for class异常

    转自  http://mxdba.iteye.com/blog/668155 google了一下,发现坛子里已经有人解答了 http://godfox.iteye.com/blog/646887 不过 ...

  5. USB有时adb shell连不上设备

    USB有时adb shell连不上设备 图1 下面汇总有效的解决方法 1.     重启 2.     卸载和重新装载驱动 图2 3.

  6. 记录github出错及解决方案

    刚刚在github上更新自己项目的一些内容时出现了一些错误,几经折腾及在网上查找资料终于解决.具体记录如下: 主要就是就是在push时报错,错误信息如下: 根据报错信息原本以为是要重新pull一下,但 ...

  7. 新手学python（3）：yield与序列化

    1 Yield生成器 Yield是我在其他语言中没有见过的一个属性,算是python的一大特色,用好之后可以使代码更简洁.考虑一个简单的例子,文件的遍历.要遍历一个目录下的所有文件需要递归的操作.如果 ...

  8. 如何在Cocos2D游戏中实现A*寻路算法(四)

    大熊猫猪·侯佩原创或翻译作品.欢迎转载,转载请注明出处. 如果觉得写的不好请告诉我,如果觉得不错请多多支持点赞.谢谢! hopy ;) 免责申明:本博客提供的所有翻译文章原稿均来自互联网,仅供学习交流 ...

  9. MySQL创建视图和Union all的使用案例

     CREATE VIEW netcheck.cpu_mp AS (SELECT  cpu.ID AS id,  cpu.chanel_name AS chanel_name,  cpu.first ...

  10. Java 8新特性探究（二）类型注解和重复注解

    本文将介绍java 8的第二个特性:类型注解. 注解大家都知道,从java5开始加入这一特性,发展到现在已然是遍地开花,在很多框架中得到了广泛的使用,用来简化程序中的配置.那充满争议的类型注解究竟是什 ...