您的位置:首页 > Web前端 > JQuery

jquery ajax后台向前台传list 前台用jquery $.each遍历list

2017-05-14 16:31 381 查看


下边是两种前台接收并遍历list 

Js代码  


$.ajax({  

    type: 'post',  

    url: xxx.action',  

    dataType: 'text',  

    success: function(data){              

        var dataObj=eval("("+data+")");     

        for(var i=0;i<dataObj.length;i++){      

            alert(dataObj[i].id+" "+dataObj[i].name);     

        }  

                      

        var jsonObj=eval("("+data+")");  

        $.each(jsonObj, function (i, item) {  

            alert(item.id + ","  + item.name);  

        });  

    },  

    error: function(text) {}  

});  

下边是后台接收并遍历list 

Java代码  


HttpServletResponse res = ServletActionContext.getResponse();  

res.reset();  

res.setContentType("text/html;charset=utf-8");  

PrintWriter pw = res.getWriter();  

          

xxx.setId(1);  

xxx.setName("黑色头发");  

list.add(xxx);  

xxx.setId(2);  

xxx.setName("紫色头发");  

list.add(xxx);  

          

String json = JSONArray.fromObject(list).toString();   

          

pw.print(json);  

pw.flush();  

pw.close();  

本文转自:http://heisetoufa.iteye.com/blog/1748783
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: