weishang_java 发表于 2013-1-23 02:18:16

ajax

利用SuggestFrameWork开发类似Google搜索提示效果
2007-08-28 11:19 by 樊凯, 1710 visits, 网摘, 收藏, 编辑

google以及迅雷的搜索提示效果让人用着很舒服,网络上面也有很多类似的效果,但是都是复杂的ajax,让js不熟练的朋友看着头大,那么SuggestFrameWork就是专门开发这个效果的js库,在页面上引用它,就不用在写繁杂的js代码了。

1.从http://sourceforge.net/projects/suggest上面下载SuggestFrameWork库;

2.SuggestFrameWork的使用很简单,在需要效果的页面上引用这样两行代码:
<scripttype="text/javascript"src="/path/to/SuggestFramework.js"></script>
<scripttype="text/javascript">window.onload=initializeSuggestFramework;</script>
3.当引入这两句话后,在页面上的text框将拥有5个特殊的属性:
action必须。接受GET方式提交的数据,并返回相关Javascript数组的动态页。
capture如果返回的结果不止一列,将要替换用户输入的那一列(从1开始算)。通常这个和数据库字段相对应。可选,默认为1.
columns下拉显示的列数。可选,默认为1.
delay查询延时,单位为毫秒。较低的延时会得到更快的反应,但会加重服务器负担。可选,默认为1000(1秒)。
heading如果设为true,第一个数组值将作为不可选择项(标题栏)。当有两列或两列以上数据时非常有用。可选,默认为false.
例如:
<input id="example1" type="text" name="example1" action="SeachServlet.do" columns="2" capture="2"/>
页: [1]
查看完整版本: ajax