前端传数据到后台分别JSON和STRING接收 AJAX SPRINGBOOT ssm

最新推荐文章于 2022-05-11 21:41:36 发布

Andychau2015

最新推荐文章于 2022-05-11 21:41:36 发布

阅读量1k

点赞数 1

分类专栏： JAVA 文章标签： JAVA SSM AJAX 前后传参 SPRINGBOOT

本文链接：https://blog.youkuaiyun.com/Andychau2015/article/details/90899474

版权

JAVA 专栏收录该内容

23 篇文章

订阅专栏

前端时间复习了SSM，前后端传数据接收，做了个例子，分享下

POM

	<dependencies>

		<!-- SpringBoot for test -->
		<dependency>
			<groupId>org.springframework.boot</groupId>
			<artifactId>spring-boot-starter-test</artifactId>
			<scope>test</scope>
		</dependency>

		<!-- SpringBoot for MVC -->
		<dependency>
			<groupId>org.springframework.boot</groupId>
			<artifactId>spring-boot-starter-web</artifactId>
		</dependency>
		
		<dependency>
			<groupId>org.springframework.boot</groupId>
			<artifactId>spring-boot-starter-thymeleaf</artifactId>
		</dependency>
		
 <dependency>
    <groupId>com.alibaba</groupId>
    <artifactId>fastjson</artifactId>
    <version>1.2.4</version>
</dependency>

		<dependency>
			<groupId>org.apache.commons</groupId>
			<artifactId>commons-pool2</artifactId>
		</dependency>

	</dependencies>

	<build>
		<plugins>
			<plugin>
				<groupId>org.springframework.boot</groupId>
				<artifactId>spring-boot-maven-plugin</artifactId>
			</plugin>
		</plugins>
	</build>

HTML

<!DOCTYPE html>
<!-- <html xmlns:th="http://www.thymeleaf.org"> -->
<html>
<head>
<meta charset="UTF-8">
<title>TestIndex</title>
</head>
<body>
	<input type="button" onclick="test()"/>
	<button onclick="test1()">gogogogogogo</button>
	<button onclick="test3()">test3</button>
</body>
<script src="/jquery-3.1.1.min.js"></script>
<script type="text/javascript">
function test3(){
	var data=[];
	data.push({"id":"123123","name":"zhangsan","age":"1"},{"id":"1231233","name":"lisi","age":"2"});
	var params=JSON.stringify(data);
	console.log(params);
	$.ajax({
		type:"post",
		url:"/test3",
		data: {"list":params},
		 success : function(data){
			 alert(data)
		 }
	}); 
function test1(){
	console.log("aaaaa");
	var list = new Array();
	list.push({"bind":"a", "level":"21,21","office":"21", "code":"41", "id":"aa113a"});
	var params= JSON.stringify(list);
	console.log(params);
	$.ajax({
		type:"post",
		url:"/test1",
		data:params,
		dataType:"json",
		contentType:'application/json;charset=utf-8',
		success:alert("yes")
	});		
	
	
	
}



	function test(){
		
		//a = "";
		
		$.get("test", function(result){
			console.log(JSON.stringify(result));
			alert(JSON.stringify(result));
		  });
		
	}
</script>
</html>

controller


@Controller
public class MainController {
	
		
	@RequestMapping("/showIndex")
	public String showIndex() {
		return "index";
	}
	
	@RequestMapping("/test")
	@ResponseBody
	public Stu test() {
		Stu stu = new Stu(1, "zs", 20);
		System.out.println(stu.toString());
		return stu;
	}
	
	@RequestMapping("/test1")
	@ResponseBody
	public String test1( @RequestBody List<po> list) {
		System.out.println(list.toString());
		return "abc";
	}	
	@RequestMapping("/test3")
	@ResponseBody
	public String test3( String list) {
		List<Stu> list1 = JSON.parseArray(list, Stu.class);
		System.out.println(list1.get(0).getName());
		System.out.println(list1.toString());
		return "stu";
	}
	
	
}

如果需要将response返回的data数据抽取出黎，请用以下方法

JSON.parseArray(JSON.parseObject(EntityUtils.toString(responseEntity)).getString("data"), SysLogRule.class);