日期:2014-05-16  浏览次数:20397 次

jsp中使用Jquery autocomplete plugin 读取远程数据,实现信息智能提示 .

1. 做一个前台显示文件,代码如下:

HTML

  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">  
  2. <html>  
  3.   <head>  
  4.     <title></title>  
  5.     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">  
  6.     <script src="jquery/jquery-1.3.2.js"></script>  
  7.     <script src="jquery/jquery.autocomplete.js"></script>  
  8.     <link href="jquery/jquery.autocomplete.css" rel="stylesheet" type="text/css">  
  9.     <script>  
  10.          $(document).ready(function(){  
  11.            $('#book_name').autocomplete("search",{  
  12.                 minChars: 0,     
  13.                 max: 20,     
  14.                 autoFill: true,     
  15.                 mustMatch: true,     
  16.                 matchContains: true,   //true 则显示包含关键字的词  
  17.    &nbs