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 =={
//以下
相关新闻>>
- 发表评论
-
- 最新评论 更多>>
