js-搜寻框提示仿百度
日期：2014-05-16 浏览次数：20357 次
js--搜索框提示仿百度
大概要实现的内容
这是一个很简单的示例，服务器端只是用了一个jsp页面，返回的类型为xml。先讲下是怎么回事，就是在浏览器端，通过ajax请求，发送一串英文字母，服务器端通过比较，返回具有相同前缀的英文单词。就这么个意思。
工程是在IntelliJ IDE中完成的。做前端开发感觉用IntelliJ比较方便，因为对于写javascript的话，有函数名的提示。
本例提供下载。望各位提出宝贵意见哈。
一、客户端JSP页面
Html代码 收藏代码
<%--
Created by IntelliJ IDEA.
User: JayChang
Date: 2010-11-22
Time: 8:33:11
To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head><title>AutoComplete-Sample</title>
<link type="text/css" rel="stylesheet" href="./css/default.css">
<script type="text/javascript" src="./jslib/jquery-1.4.2.js"></script>
<script type="text/javascript" language="javascript">
//高亮的索引
var highLightIndex = -1;
//超时的标识（对用户连续快速按下键盘的事件做延时处理，只对用户在500ms内最后一次请求，让其生效）
var timeoutId;
$(document).ready(function(){
init();
$('#auto_txt').bind('keyup',processKeyup);
});
/**
* 处理键盘按下后弹起的事件
* @param event
*/
function processKeyup(event){
var myEvent = event || windows.event;
var keyCode = myEvent.keyCode;
//输入是字母，或者退格键则需要重新请求
if((keyCode >= 65 && keyCode <= 90) || keyCode =={
//以下两行代码是为了防止用户快速输入导致频繁请求服务器
//这样便可以在用户500ms内快速输入的情况下，只请求服务器一次
大概要实现的内容
这是一个很简单的示例，服务器端只是用了一个jsp页面，返回的类型为xml。先讲下是怎么回事，就是在浏览器端，通过ajax请求，发送一串英文字母，服务器端通过比较，返回具有相同前缀的英文单词。就这么个意思。
工程是在IntelliJ IDE中完成的。做前端开发感觉用IntelliJ比较方便，因为对于写javascript的话，有函数名的提示。
本例提供下载。望各位提出宝贵意见哈。
一、客户端JSP页面
Html代码 收藏代码
<%--
Created by IntelliJ IDEA.
User: JayChang
Date: 2010-11-22
Time: 8:33:11
To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head><title>AutoComplete-Sample</title>
<link type="text/css" rel="stylesheet" href="./css/default.css">
<script type="text/javascript" src="./jslib/jquery-1.4.2.js"></script>
<script type="text/javascript" language="javascript">
//高亮的索引
var highLightIndex = -1;
//超时的标识（对用户连续快速按下键盘的事件做延时处理，只对用户在500ms内最后一次请求，让其生效）
var timeoutId;
$(document).ready(function(){
init();
$('#auto_txt').bind('keyup',processKeyup);
});
/**
* 处理键盘按下后弹起的事件
* @param event
*/
function processKeyup(event){
var myEvent = event || windows.event;
var keyCode = myEvent.keyCode;
//输入是字母，或者退格键则需要重新请求
if((keyCode >= 65 && keyCode <= 90) || keyCode =={
//以下两行代码是为了防止用户快速输入导致频繁请求服务器
//这样便可以在用户500ms内快速输入的情况下，只请求服务器一次
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
