Struts2代码片段:
@Action(value = "getData", results = { @Result(type = "plainText") })
public String getData() throws Exception {
HttpServletResponse response = ServletActionContext.getResponse();
response.setCharacterEncoding("utf-8");
PrintWriter out = response.getWriter();
JsonConfig config = new JsonConfig();
config.setIgnoreDefaultExcludes(false);
config.setCycleDetectionStrategy(CycleDetectionStrategy.LENIENT);
JSONArray json = JSONArray.fromObject(data, config);// data是要返回的数据
out.print(json.toString());
out.flush();
out.close();
return null;
}
javascript代码片段:
$(document).ready(function(){
$("#autocomplete").autocomplete("/jquery/getData.action",{
matchContains: true,
autoFill: false,
dataType:'json',
extraParams: {
queryStr: function() { return $("#autocomplete").val(); }
},
parse: function(data){
var rows = [];
for(var i=0; i
rows[rows.length] ={
data:data[i],
value:data[i],
result:data[i]
};
}
return rows;
},
formatItem:function(item){
return item;
}
});
});
分享到:
相关推荐
本实例围绕“jquery autoComplete+struts2+mysql5.5”这一主题,展示了如何利用jQuery的autoComplete插件,与Struts2框架以及MySQL 5.5数据库进行集成,来实现一个动态的、基于数据库查询的自动补全功能。...
在本项目中,"ibatis +spring+struts2+jquery.autocomplete实现产品自动补全功能(二) 附带源码",我们探讨的是如何整合四大技术来创建一个高效且用户友好的Web应用程序,特别是在搜索框中实现产品名称的自动补全...
类似百度和淘宝搜索框,输入一部分内容,自动联想相关内容,点击下拉框条目自动完成文本框输入。其中同时包括不通过struts2获取数据的实现方法。参考网址http://jqueryui.com/autocomplete/
JavaScript部分使用jQuery和Struts2的插件`struts2_autocomplete`来实现AJAX请求和结果处理。 4. **CSS和JavaScript**:为了美化和交互效果,可能需要自定义CSS样式和JavaScript函数,以调整提示框的样式和行为。 ...
SSH(Struts2、Spring3、Hibernate3)框架与jQuery AJAX技术结合,是现代Web开发中的常见模式,用于构建高效、动态的用户界面。在本项目"ssh+jquery ajax 实现搜索自动补全"中,主要目标是实现类似百度搜索框的自动...
- 在Java Web应用中,jQuery UI通常与服务器端框架如Spring MVC、Struts2等配合使用,通过AJAX技术实现前后端交互,更新页面内容而无需刷新整个页面。 - 使用JSON或XML格式传输数据,jQuery UI组件能接收并处理...
同时,需要引入jQuery库和Autocomplet相关的JavaScript文件,例如jQuery UI的Autocomplete插件。 2. **JavaScript配置**:接着,通过JavaScript绑定到输入框的`onkeyup`事件,触发Autocomplet的请求。设置...
在本项目实战中,我们将探讨如何使用SSI(Server-Side Includes)技术,结合流行的Java Web框架如iBatis、Spring和Struts2,以及前端库jQuery UI的autocomplete组件,来实现一个高效的产品自动补全功能。这个功能...
jQuery UI的Autocomplete组件允许开发者自定义数据源和展示样式,提高用户体验。 **应用场景** 在“java项目”中,jQuery可能被用在前端与Java后端进行交互,例如通过Ajax发送异步请求获取数据、更新页面内容,或者...
在本项目中,我们将探讨如何实现一个仿Google自动完成功能,主要涉及到Java、Struts、jQuery和Ajax等技术。以下是对这些知识点的详细解释。 1. **自动完成(Autocomplete)**:自动完成功能允许用户在输入时根据已...
1. **用户输入监听**:使用JavaScript或者jQuery库(如jQuery UI Autocomplete)来监听用户的输入事件。当用户在搜索框中输入字符时,触发一个Ajax请求,将当前输入的文本发送到服务器。 2. **Servlet处理请求**:...
通过以上步骤,我们完成了基于Struts2框架的Ajax自动补全功能的实现。这种实时反馈的方式极大地提升了用户的搜索体验,同时也让开发者能够更加灵活地处理各种前后端交互需求。在未来的发展中,随着前端技术和框架的...
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....
使用Select2或jQuery UI的Autocomplete可以实现这一功能,后端可以通过RESTful API提供数据。 6. **树形结构组件**: 在展示层级关系数据时,如部门结构、产品分类等,树形结构组件非常实用。这些组件可以使用JSTL...
2. **构建富客户端应用**:结合DWR和JavaScript库(如jQuery)创建复杂的交互式用户界面。 3. **优化性能**:了解如何优化DWR的性能,如缓存策略、压缩传输等。 七、DWR与其他技术的结合 1. **与AJAX库的协作**:...