一个 简单的 自动补全例子:
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+mysql5.5”这一主题,展示了如何利用jQuery的autoComplete插件,与Struts2框架以及MySQL 5.5数据库进行集成,来实现一个动态的、基于数据库查询的自动补全功能。...
在本项目中,"ibatis +spring+struts2+jquery.autocomplete实现产品自动补全功能(二) 附带源码",我们探讨的是如何整合四大技术来创建一个高效且用户友好的Web应用程序,特别是在搜索框中实现产品名称的自动补全...
同时,需要引入jQuery库和Autocomplet相关的JavaScript文件,例如jQuery UI的Autocomplete插件。 2. **JavaScript配置**:接着,通过JavaScript绑定到输入框的`onkeyup`事件,触发Autocomplet的请求。设置...
JavaScript部分使用jQuery和Struts2的插件`struts2_autocomplete`来实现AJAX请求和结果处理。 4. **CSS和JavaScript**:为了美化和交互效果,可能需要自定义CSS样式和JavaScript函数,以调整提示框的样式和行为。 ...
- 在Java Web应用中,jQuery UI通常与服务器端框架如Spring MVC、Struts2等配合使用,通过AJAX技术实现前后端交互,更新页面内容而无需刷新整个页面。 - 使用JSON或XML格式传输数据,jQuery UI组件能接收并处理...
SSH(Struts2、Spring3、Hibernate3)框架与jQuery AJAX技术结合,是现代Web开发中的常见模式,用于构建高效、动态的用户界面。在本项目"ssh+jquery ajax 实现搜索自动补全"中,主要目标是实现类似百度搜索框的自动...
在本项目实战中,我们将探讨如何使用SSI(Server-Side Includes)技术,结合流行的Java Web框架如iBatis、Spring和Struts2,以及前端库jQuery UI的autocomplete组件,来实现一个高效的产品自动补全功能。这个功能...
综上所述,实现仿Google自动完成功能需要结合前后端技术,通过Java处理业务逻辑,Struts作为框架,jQuery和Ajax负责前端与服务器的通信。这个项目不仅可以帮助开发者提升技能,还能为用户提供高效、友好的交互体验。
2. **与JSON的交互**:DWR支持JSON数据格式,便于与其他语言或平台通信。 3. **MVC框架的集成**:与Struts、Spring MVC等MVC框架的集成,提升开发效率。 通过本资料大全,开发者可以深入理解DWR的工作原理,熟练...
- **解释**:在`struts.xml`中,将`package`的`extends`属性值设置为`json-default`,表示该包下的Action默认采用JSON格式返回数据。接着,配置了`search`Action的具体信息。 #### 四、注意事项 - **安全性**:...
例如,可以使用Struts2或Spring MVC框架中的日期插件来集成此类控件。 2. **分页控件**: 分页控件在大数据量展示时尤为重要,它允许用户按需加载数据,提高页面加载速度并优化用户体验。在JavaWeb中,分页可以...
sshe示例程序(struts2+spring3+hibernate4+easyui)(Maven构建) easyui1.2.6整站文件.zip jquery1.7.2中文API修正版.chm jquery.easyui-1.2.5源码未压缩版.rar jquery-easyui-1.2.6.zip JQuery-esqyUI中文-1.2.5API....
1. **用户输入监听**:使用JavaScript或者jQuery库(如jQuery UI Autocomplete)来监听用户的输入事件。当用户在搜索框中输入字符时,触发一个Ajax请求,将当前输入的文本发送到服务器。 2. **Servlet处理请求**:...