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

最新推荐文章于 2018-04-11 09:18:57 发布

最新推荐文章于 2018-04-11 09:18:57 发布 · 115 阅读

文章标签：

#jquery autocomplete #struts2 json #自动补全

jquery 专栏收录该内容

1 篇文章

订阅专栏

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

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>