您的位置:首页 > 其它

ajax in action 输入前提示 type-ahead suggest

2010-11-29 10:59 405 查看

ajax in action 输入前提示 type-ahead suggest

ajax的输入前提示,本例基本实现了仿Google的输入前提示type-ahead suggest,也可称为自动完成功能autocomplete。

它的特点是:

1,可重用,对于页面代码改动少。

2,使用了Prototype和Rico。

3,IE,火狐Firefox都可用

4,对于服务器端依赖性小,只要返回格式固定的数据,无论是asp,jsp,java的servlet都可以灵活应用。

5,使用Ajax in Action的net.js。



有两点小缺憾:

1,服务器返回数据,使用js的eval()方法执行,eval方法按照JavaScript语法来执行包含在括号内的字符串。它的缺点是速度慢。本例中返回数据是国家序列,基本固定,数据量不大,所以影响不大。

2,出现提示框口以后,必须点中其中一个值它才消失,点击空白处不消失。

正文源码:

1,ajaxtest.typeaheadsuggest

2,net.js

3,AjaxTesttypeaheadSuggestCopyOfServlet

4,dll.sql

5,web.xml

按此阅读全文 "ajax in action 输入前提示 type-ahead suggest" »
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: