jquery ajax前后端复杂数据交互

最近在写一个后台管理系统，总结一下ajax前后端数据交互的问题。在这里，前端采用ajax提交form表单，后端采用实体类进行接收。

首先来看前端代码 

	
		
		
		
		
	
	
		

			
			

				
				
				活动名称：
				
					
				

					
				产品1code:	
				产品1name:	
					
				产品2code:	
				产品2name:  
					
				产品3code:	
				产品3name:	
				
	
				活动banner: 
				
				保存1
				保存2
			
			
		
		
		
		
		
		
	

form表单内input标签的name名是与后台接受的实体类对应的。来看看实体类代码

package java;

import java.io.Serializable;
import java.util.List;

public class ActiveDTO implements Serializable {

	private static final long serialVersionUID = 5206317808772530605L;
	
	private String activeId;
	private String activeName;
	private String bannerImgUrl;
	private List productList;//注意这里的名称与form 中input标签名称的对应关系
	
	public String getActiveId() {
		return activeId;
	}
	public void setActiveId(String activeId) {
		this.activeId = activeId;
	}
	public String getActiveName() {
		return activeName;
	}
	public void setActiveName(String activeName) {
		this.activeName = activeName;
	}
	public String getBannerImgUrl() {
		return bannerImgUrl;
	}
	public void setBannerImgUrl(String bannerImgUrl) {
		this.bannerImgUrl = bannerImgUrl;
	}
	public List getProductList() {
		return productList;
	}
	public void setProductList(List productList) {
		this.productList = productList;
	}
	
	

}

注意，接受的实体类要实现序列化，lsit中的productList也要序列化

package java;

import java.io.Serializable;

public class ProductDTO implements Serializable {

	/**
	 * 
	 */
	private static final long serialVersionUID = 3113833883846872525L;

	private String productCode;
	
	private String productName;

	public String getProductCode() {
		return productCode;
	}

	public void setProductCode(String productCode) {
		this.productCode = productCode;
	}

	public String getProductName() {
		return productName;
	}

	public void setProductName(String productName) {
		this.productName = productName;
	}
	
	
}

 

我们来看看datas数据格式

save1()中的数据

save2中的数据

接下来看看controller的接受代码

package java;

import java.util.Map;

@Controller
@RequestMapping("active")
public class ActiveController {

	@RequestMapping("saveActive")
	@ResponseBody
	public Map saveActive(ActiveDTO active,HttpServletRequest request){//这里的active就带有需要的数据
		//业务代码
	}
}