jquery之autocomplete+struts2

最新推荐文章于 2025-11-29 03:46:46 发布

最新推荐文章于 2025-11-29 03:46:46 发布 · 103 阅读

文章标签：

#jQuery #json #JavaScript #ViewUI

jQuery 专栏收录该内容

3 篇文章

订阅专栏

本文介绍了一个使用Struts2框架实现数据获取并以JSON格式返回的例子，同时展示了如何利用jQuery插件处理这些数据，实现自动补全等功能。

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;
        }
    });
});