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

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

POM

org.springframework.boot

spring-boot-starter-test

test

org.springframework.boot

spring-boot-starter-web

org.springframework.boot

spring-boot-starter-thymeleaf

com.alibaba

fastjson

1.2.4

mons

commons-pool2

org.springframework.boot

spring-boot-maven-plugin

HTML

TestIndex

gogogogogogo

test3

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));

});

}

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 list) {

System.out.println(list.toString());

return "abc";

}

@RequestMapping("/test3")

@ResponseBody

public String test3( String list) {

List parse = (List)JSON.parse(list);

System.out.println(parse.get(0));;

System.out.println(list.toString());

return "stu";

}

}

标签：STRING,list,boot,JSON,ssm,AJAX,params,test,data

来源： /Andychau/article/details/90899474