jquery ajax后台向前台传list 前台用jquery $.each遍历list
博客专区 > heiyexue 的博客 > 博客详情
jquery ajax后台向前台传list 前台用jquery $.each遍历list
heiyexue 发表于4年前
jquery ajax后台向前台传list 前台用jquery $.each遍历list
  • 发表于 4年前
  • 阅读 46
  • 收藏 0
  • 点赞 0
  • 评论 0

腾讯云 技术升级10大核心产品年终让利>>>   

下边是两种前台接收并遍历list 
Js代码   收藏代码
  1. $.ajax({  
  2.     type: 'post',  
  3.     url: xxx.action',  
  4.     dataType: 'text',  
  5.     success: function(data){              
  6.         var dataObj=eval("("+data+")");     
  7.         for(var i=0;i<dataObj.length;i++){      
  8.             alert(dataObj[i].id+" "+dataObj[i].name);     
  9.         }  
  10.                       
  11.         var jsonObj=eval("("+data+")");  
  12.         $.each(jsonObj, function (i, item) {  
  13.             alert(item.id + ","  + item.name);  
  14.         });  
  15.     },  
  16.     error: function(text) {}  
  17. });  


下边是后台接收并遍历list 

Java代码   收藏代码
  1. HttpServletResponse res = ServletActionContext.getResponse();  
  2. res.reset();  
  3. res.setContentType("text/html;charset=utf-8");  
  4. PrintWriter pw = res.getWriter();  
  5.           
  6. xxx.setId(1);  
  7. xxx.setName("黑色头发");  
  8. list.add(xxx);  
  9. xxx.setId(2);  
  10. xxx.setName("紫色头发");  
  11. list.add(xxx);  
  12.           
  13. String json = JSONArray.fromObject(list).toString();   
  14.           
  15. pw.print(json);  
  16. pw.flush();  
  17. pw.close();  
共有 人打赏支持
粉丝 3
博文 79
码字总数 78924
×
heiyexue
如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!
* 金额(元)
¥1 ¥5 ¥10 ¥20 其他金额
打赏人
留言
* 支付类型
微信扫码支付
打赏金额:
已支付成功
打赏金额: