原标题：前后端——json的传值与接收(springMvc)

前端传值：

通过将要传输的数据封装为json，然后再通过ajax接收:

JSON.stringify(data)

1

后端接收值只需要通过一句话即可实现：

@RequestBody String param

1

此处的param就是你所接收的值

具体如何解析：

JSONObject jo=new JSONObject();

List parseArray = jo.parseArray(param, Map.class);

System.out.println("parseArray="+parseArray);

1

2

3

只需要这几句话即可

下面举一个小demo：

前端：

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

console.log("传出的数据="+JSON.stringify(excelData))

$.ajax({

url : "${App_Path}/excel",

data:JSON.stringify(excelData),

type : "post",

dataType: "json",

contentType: "application/json; charset=utf-8",//此处不能省略

success : function(data) {

alert("success")

},

error:function(){

alert("fail")

}

});

})

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

后端：

@ResponseBody

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

public Msg excel(@RequestBody String param) throws Exception {

System.out.println("param="+param);

JSONObject jo=new JSONObject();

List parseArray = jo.parseArray(param, Map.class);

System.out.println("parseArray="+parseArray);

for (Map map:parseArray) {

System.out.println("map="+map);

}

return null;

}

1

2

3

4

5

6

7

8

9

10

11

12

以上就是传值与接收值的具体情况，当然也可以封装一个bean对象，直接转为bean也行

下面继续拓展一个springMvc的知识，如果前端传值是通过这种方式：

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

console.log("传出的数据="+JSON.stringify(excelData))

$.ajax({

url : "${App_Path}/excel/"+result,

data:JSON.stringify(excelData),

type : "post",

dataType: "json",

contentType: "application/json; charset=utf-8",//此处不能省略

success : function(data) {

alert("success")

},

error:function(){

alert("fail")

}

});

})

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

上面传了两个值，一个是result，一个是excelData，看后端怎么处理：

@ResponseBody

@RequestMapping(value = "/excel/{result}", method = RequestMethod.POST)

public Msg excel(@RequestBody String param,@PathVariable String result) throws Exception{

System.out.println("param="+param);

System.out.println("result="+result);//result就是url : "${App_Path}/excel/"+result中的result

JSONObject jo=new JSONObject();

List parseArray = jo.parseArray(param, Map.class);

System.out.println("parseArray="+parseArray);

for (Map map:parseArray) {

System.out.println("map="+map);

}

return null;

}

1

2

3

4

5

6

7

8

9

10

11

12

13

springMvc如何和前端页面交互，传输json数据

责任编辑：