一个 简单的 自动补全例子:
js代码:
$('#username').autocomplete({
source: function(request, response) {
$.ajax({
url:'userList',
type: 'POST',
data: {"key":$('#username').val()},
dataType: 'json',
success: function(data){
response(data);
},
error: function(error){
alert('数据处理异常,请联系相关人员或刷新重试');
}
});
},
minChars: 1, //最小显示条数
max: 3 //最大显示条数
});
html:
<input type="text" id="username"/>
action:
/**
* @author myemptyname
* @date 2012-09-27
*/
public class UserAction extends ActionSupport {
private List<String> userNameList;
private String key;
private UserService serivce;
public String execute(){
return SUCCESS;
}
public String userList(){
this.userNameList = this.service.getAllUserName(this.key);
return "userList";
}
public List<String> getUserNameList() {
return userNameList;
}
public void setUserNameList(List<String> userNameList) {
this.userNameList = userNameList;
}
public String getKey() {
return key;
}
public void setKey(String key) {
this.key = key;
}
}
struts.xml
<action name="user_*" class="UserAction " method = "{1}">
<result name="success" type="json"></result>
<result name="userList" type="json">
<param name="root">userNameList</param>
<!-- 限定传过去json参数,我们只需要列表 -->
</result>
</action>
分享到:
相关推荐
本实例用jquery autoComplete结合struts2和mysql数据库整合。 实现自动补全功能,封装方便使用。 包含数据库脚本。
Jquery autocomplete插件使用
NULL 博文链接:https://shaozhen.iteye.com/blog/1145246
jQuery Autocomplete plugin是在jQuery的基础上开发的一套小巧的输入下拉提示插件,这是它的PHP应用实例,大部分功能与HTML格式网页类同,这里增加了一些需要PHp程序配合的内容,它不但有输入提示功能,而且示例本身...
jquery autocomplete 动态补全例子支持中文 ajax传递json数据 文件里有json数据拼接
jquery自动补全插件(jquery autocomplete) 内包含使用说明,前台+后台
jQuery plugin: Autocomplete 参数及实例 官网:jQuery plugin: Autocomplete 此插件依赖于 jquery 1.2.6 --- jquery 1.8.3 转自:http://www.cnblogs.com/duanhuajian/p/3398904.html
jquery autocomplete下载.rar
1.该js支持jquery的自动补全功能 2.因为jquery-ui是jquery的插件,所以部分版本jquery可能不支持该插件,建议换成内附的jquery.js 3.如有疑惑,请阅读内附的说明文档
jquery 文本框 自动补全 ajax autocomplete 完整实例
JQuery_Ajax_AutoComplete_使用JSON数据
jquery autocomplete 自动完成 插件
Jquery AutoComplete
jquery.autocomplete.js 、jquery.autocomplete.css
autocomplete, jQuery自动完成插件,如Google自动完成 电子邮件自动完成文档&演示插件jQuery自动完成插件如谷歌搜索 npm install jquery-autocomplete
JQuery autocomplete ajax分页,对源码稍微修改了下
jQuery plugin for autocomplete - jQuery自动完成插件
在输入页面利用JQuery获取用户输入,然后通过AJAX异步发送到处理页面,...若是jquery autoComplete组件则只要将从后台获取的数据放入autocomplete( url or data, [options] )第一个参数中就行,第二个参数可加可不加。
jquery-autocomplete搜索框自动完成的中文文档,上手快,轻便,功能强大
jquery-autocomplete 可用