微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

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

前端时间复习了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> parse = (List<Stu>)JSON.parse(list);
		System.out.println(parse.get(0));;
		System.out.println(list.toString());
		return "stu";
	}
	
	
}

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 [email protected] 举报,一经查实,本站将立刻删除。

相关推荐