求助！为什么前台转换的json对象到后台接收不到参数

ManbaBryant 2019-08-22 09:53:47

前台



$("#inboundButton").click(function(){

			var tr = $("#product_table tr"); // 获取table中每一行内容

			var result = []; // 数组

			for (var i = 0; i < tr.length; i++) {// 遍历表格中每一行的内容

				var tds = $(tr[i]).find("td");

				if (tds.length > 0) {

					result.push({

						"inboundName" : $(tds[0]).find("input").val(),

						"inboundCost" : $(tds[1]).find("input").val(),

						"inboundSize" : $(tds[2]).find("input").val(),

						"inboundTotal" : $(tds[3]).find("input").val()

					})

				}

			}

			// json数据

 			var jsonData = { 

 				"inventoryList" : result

 			};

			var inventoryData=JSON.stringify(jsonData);

			console.log(inventoryData);



			$.ajax({

				type : "POST",

				url : "${APP_PATH}/inbound/addInbound.do",

				contentType : "application/json;charset=UTF-8",

				data : inventoryData,

				success : function(data) {

		 			alert("inbound-success");

				},

				error:function(result){

					alert("inbound-fail");

				}

			})

}）

控制台打印



{"inventoryList":[{"inboundName":"a","inboundCost":"1","inboundSize":"3","inboundTotal":"3"},{"inboundName":"b","inboundCost":"2","inboundSize":"5","inboundTotal":"10"}]}

后台



@ResponseBody

@RequestMapping(value="/addInbound",method = RequestMethod.POST)

public Msg addInbound(InboundList inboundList,HttpServletRequest request) {

		System.out.println("inboundList:"+inboundList);

		

		return Msg.success();		

	}

实体类



public class Inbound {

        private Integer inboundId;

	private String inboundName;

	private float inboundCost;

	private Integer inboundSize;

	private float inboundTotal;

        ----构造器和get set方法

}

public class InboundList implements Serializable{



	private static final long serialVersionUID = 1L;

	private List<Inbound> inboundList;

	public List<Inbound> getInboundList() {

		return inboundList;

	}

	public void setInboundList(List<Inbound> inboundList) {

		this.inboundList = inboundList;

	}

	@Override

	public String toString() {

		return "InboundList[inboundList=" +inboundList+"]";

	}

	

}

控制台打印



inboundList:InboundList[inboundList=null]

...全文

852 30 打赏收藏转发到动态举报

写回复

用AI写文章

30 条回复

切换为时间正序

请发表友善的回复…

发表回复

不能留白 2019-09-06

打赏
举报

你看我的，从页面获取账号和密码通过ajax传到后台验证，不是很简单么？？？ jq代码：


$("#btn_login").click(function(){
	var name=$("#text_username").val();
	var pwd=$("#text_password").val();
	$.post("login_check",{"username":name,"password":pwd},function(data){
		if(data=="success"){
			window.location.href ="home";
		}
		else {
			alert("账号或密码错误！");		
	        }
	})		
});

后台控制器接收：


@RequestMapping("/login_check")
@ResponseBody
public String login_check(User user, HttpServletRequest request) {
	User users=userserviceimpl.selectUser(user.getUsername(), user.getPassword());
	if (users==null) {
		return "fail";
	}else {
		request.getSession().setAttribute("session_user",users);//登录成功后将用户放入session中，用于拦截
		return "success";
	}
}

不能留白 2019-09-06

打赏
举报

为什么要封装成json？？直接用实体不就得了？？

衣er衫 2019-09-04

打赏
举报

后台接收参数加上@RequestBody

ManbaBryant 2019-09-02

打赏
举报

引用 27 楼往事随风逝，回首已千年的回复:

直接发jsonDate不需要转换

引用 26 楼 weixin_42392002 的回复:

@RequestParam 是get请求，你这个是ajax，是post请求。可以直接用request.getParamer("InboundList")；获取字符串，转成json数组的方式。

引用 25 楼 yanpengfeil 的回复:

var jsonData =JSON.str... 这个方法呢单词忘了相信你能看懂

引用 22 楼积小流的回复:

@RequestBody 你用的的@ResponseBody 用String inventoryData 接受与js传参名一样，然后解析成json 取

引用 20 楼 cwmlow 的回复:

你的封装类里的4个属性名要跟前端传过来的json对象里的4个参数名一致才能绑定的上即inboundName，inboundCost，inboundSize，inboundTotal 而且你的封装类得初始化，说白了就是一个entity实体类

引用 19 楼暴路远(nightcat) 的回复:

①contentType 设置成application/json ②Controller 的参数List 类型前加上@RequestBody ③List引用名称和前端stringify里的一致。

改成这样就好了这是为啥呢前端不把数组封装成json对象


$("#inboundButton").click(function(){
			var tr = $("#product_table tr"); // 获取table中每一行内容
			var result = []; // 数组
			for (var i = 0; i < tr.length; i++) {// 遍历表格中每一行的内容
				var tds = $(tr[i]).find("td");
				if (tds.length > 0) {
					result.push({
						"inboundName" : $(tds[0]).find("input").val(),
						"inboundCost" : $(tds[1]).find("input").val(),
						"inboundSize" : $(tds[2]).find("input").val(),
						"inboundTotal" : $(tds[3]).find("input").val()
					})
				}
			}
			$.ajax({
				type : "POST",
				headers: {
					'Accept': 'application/json',
					'Content-Type': 'application/json'},
				data : JSON.stringify(result),
				dataType:"json",
				xxxxxxxxxxxx
			})					
		})

后台直接用List<>接收不用单独封装list


@ResponseBody
	@RequestMapping(value="/addInbound",method = RequestMethod.POST)
	public Msg addInbound(@RequestBody List<Inbound> inbound,HttpServletRequest request) {
		System.out.println("inboundList:"+inbound);
		return Msg.success();	
	}