JavaScript进阶之路漫漫其修远兮。(~强烈建议使用Sublime编辑器查看本站给出的示例代码,因为它帅呆了~)
  • 首页
  • Java
  • Spring MVC 前台 Ajax 向后台传输 复杂List 的方法

作者:田大才子2018-6-5 10:37分类: Java

// 产品列表     
 var productList = [];
 // 仓库ID
 var stockId = $('#stock').val();

 // 循环往数组中添加复杂数据项
 $.each($('#ul li'), function(i, ele){
     productList.push({
         product:{
         	id : $(ele).find('.productid').val(),
         },
         quantity: $(ele).find('.quantity').html(),
         produceDate: $(ele).find('.date').html() + " 00:00:00",
         warehouse : {
         	id : stockId
         }
     });
 });
 
 // 创建数据实体,与后台实体类对应
 var obj = {
 	products:productList
 };

 // ajax传输数据往后台
 $.ajax({
     contentType : 'application/json;charset=utf-8', 
     url: '${ctx}/wx/addProduct',
     type: 'POST',
     data : JSON.stringify(obj),
     dataType:"json",  
     success: function (ret) {
         console.info('success');
     }
 });
@RequestMapping(value = "${adminPath}/wx/addProduct",method=RequestMethod.POST)
@ResponseBody 
public String addProduct(@RequestBody Warehsave warehsave,Model model) {
    return "weixin/select_product";
}
public class Warehsave{
	
	private List<WarehouseIn> products;
	
	public List<WarehouseIn> getProducts() {
		return products;
	}
	
	public void setProducts(List<WarehouseIn> products) {
		this.products = products;
	}
			
}
温馨提示如有转载或引用以上内容之必要,敬请将本文链接作为出处标注,谢谢合作!

已有 0/3652 人参与

发表评论:

个人公众号,希望您的关注~