`

jquery autocomplete 与struts2 json插件结合简单例子

阅读更多

 

一个 简单的 自动补全例子:

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+mysql5.5”这一主题,展示了如何利用jQuery的autoComplete插件,与Struts2框架以及MySQL 5.5数据库进行集成,来实现一个动态的、基于数据库查询的自动补全功能。...

    ibatis +spring+struts2+jquery.autocomplete实现产品自动补全功能(二) 附带源码

    在本项目中,"ibatis +spring+struts2+jquery.autocomplete实现产品自动补全功能(二) 附带源码",我们探讨的是如何整合四大技术来创建一个高效且用户友好的Web应用程序,特别是在搜索框中实现产品名称的自动补全...

    struts结合autocomplet实例代码

    同时,需要引入jQuery库和Autocomplet相关的JavaScript文件,例如jQuery UI的Autocomplete插件。 2. **JavaScript配置**:接着,通过JavaScript绑定到输入框的`onkeyup`事件,触发Autocomplet的请求。设置...

    Struts2 开发

    JavaScript部分使用jQuery和Struts2的插件`struts2_autocomplete`来实现AJAX请求和结果处理。 4. **CSS和JavaScript**:为了美化和交互效果,可能需要自定义CSS样式和JavaScript函数,以调整提示框的样式和行为。 ...

    jQuery UI(java)

    - 在Java Web应用中,jQuery UI通常与服务器端框架如Spring MVC、Struts2等配合使用,通过AJAX技术实现前后端交互,更新页面内容而无需刷新整个页面。 - 使用JSON或XML格式传输数据,jQuery UI组件能接收并处理...

    ssh+jquery ajax 实现搜索自动补全

    SSH(Struts2、Spring3、Hibernate3)框架与jQuery AJAX技术结合,是现代Web开发中的常见模式,用于构建高效、动态的用户界面。在本项目"ssh+jquery ajax 实现搜索自动补全"中,主要目标是实现类似百度搜索框的自动...

    [项目实战] SSI实现产品自动补全功能

    在本项目实战中,我们将探讨如何使用SSI(Server-Side Includes)技术,结合流行的Java Web框架如iBatis、Spring和Struts2,以及前端库jQuery UI的autocomplete组件,来实现一个高效的产品自动补全功能。这个功能...

    仿Google自动完成功能

    综上所述,实现仿Google自动完成功能需要结合前后端技术,通过Java处理业务逻辑,Struts作为框架,jQuery和Ajax负责前端与服务器的通信。这个项目不仅可以帮助开发者提升技能,还能为用户提供高效、友好的交互体验。

    DWR与界面开发 资料大全

    2. **与JSON的交互**:DWR支持JSON数据格式,便于与其他语言或平台通信。 3. **MVC框架的集成**:与Struts、Spring MVC等MVC框架的集成,提升开发效率。 通过本资料大全,开发者可以深入理解DWR的工作原理,熟练...

    Ajax自动补全功能

    - **解释**:在`struts.xml`中,将`package`的`extends`属性值设置为`json-default`,表示该包下的Action默认采用JSON格式返回数据。接着,配置了`search`Action的具体信息。 #### 四、注意事项 - **安全性**:...

    javaweb通用组件

    例如,可以使用Struts2或Spring MVC框架中的日期插件来集成此类控件。 2. **分页控件**: 分页控件在大数据量展示时尤为重要,它允许用户按需加载数据,提高页面加载速度并优化用户体验。在JavaWeb中,分页可以...

    SYPRO示例项目源码和EasyUI入门视频教程

    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....

    servlet+jsp实现百度搜索自动补全功能

    1. **用户输入监听**:使用JavaScript或者jQuery库(如jQuery UI Autocomplete)来监听用户的输入事件。当用户在搜索框中输入字符时,触发一个Ajax请求,将当前输入的文本发送到服务器。 2. **Servlet处理请求**:...

Global site tag (gtag.js) - Google Analytics