Ajax传递json对象，springmvc接收

最新推荐文章于 2022-01-21 21:22:56 发布

转载最新推荐文章于 2022-01-21 21:22:56 发布 · 201 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：https://my.oschina.net/u/4071901/blog/3010356

文章标签：

#java #json

本文详细介绍如何在前端使用jQuery的$.ajax方法发送JSON数据到后端，包括传递简单json字符串和数组类型json数据的方法。同时，展示了后端如何通过@RequestMapping和@PostMapping注解接收并处理这些数据。

一、传递简单json字符串

前台

var sendDatas = { userName : ‘张三’, userPassword : ‘123456’ };

$.ajax({

type : “post”,

url : “testjson”,

dataType : “json”,

//注意：这里不能加下面这行，否则数据会传不到后台

// contentType: “application/json;charset=utf-8”,

data : sendDatas,

success : function(data) {

} });

后台

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

@ResponseBody

public Object testjson(String userName,String userPassword) {

System.out.println(userName); return "test";

}

二、传递数组类型json（传JSON字符串+@RequestBody接收）

前台

var sendDatas1 =

{ list : [ { test1 : ‘张三1’, test2 : ‘123’ }, { test3 : ‘张三2’, test4 : ‘123’ }, { test5 : ‘张三3’, test6 : ‘123’ }, { test7 : ‘张三4’, test8 : ‘123’ }

    ]
};
$.ajax({
    type : "post",
    url : "testjson1",
    dataType : "json",
    contentType : "application/json;charset=utf-8",//关键是要加上这行
    traditional : true,//这使json格式的字符不会被转码
    data : JSON.stringify(sendDatas1),
    success : function(data) {
    }
});

后台

@PostMapping(value=”testjson1”)

@ResponseBody

public Object testjson1(@RequestBody Object lArray ) {

System.out.println(lArray);
return "test";

}

转载于:https://my.oschina.net/u/4071901/blog/3010356