<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
</body>
<script>
/*
ajax로 list(index).name 형태로 넘겨주고 list<dto>로 받고싶을 때 이렇게 가능
*/
var list = [
{name : 'sam' , age : 15},
{name : 'sara' , age : 20},
{name : 'mora' , age : 25},
{name : 'gate' , age : 26}
]
$.ajax({
type: 'post',
url: '/test/test',
traditional : true,
data: JSON.stringify(list),
dataType: 'json',
contentType : 'application/json;',
success:function(response){
consol.log('성공');
},
error:function(e) {
consol.log('실패');
}
});
/*
하지만 넘겨야하는 객체가 2개 이상이라면 밑 방법으로는 controller단에서 list<dto>로 받지못한다
그이유는 data : { list : 배열 , addData : String} 형식으로 넘어가 list(index).name 형태가 아닌 data.list[index].name 으로 넘어가기 때문이다.
*/
var list = [
{name : 'sam' , age : 15},
{name : 'sara' , age : 20},
{name : 'mora' , age : 25},
{name : 'gate' , age : 26}
]
var addData = 'str';
$.ajax({
type: 'post',
url: '/test/test',
traditional : true,
data: {
list : list,
addData : addData
},
dataType: 'json',
contentType : 'application/json;',
success:function(response){
consol.log('성공');
},
error:function(e) {
consol.log('실패');
}
});
/*
위에 코드 처럼 객체를 2개이상 넘겨줘야하며 한 객체는 list로 받고싶다면 Object를 만들어 이용하면 간단하게 넘어가게된다.
물론 받을 땐 @RequestBody 태그를 이용하자.
*/
var list = [
{name : 'sam' , age : 15},
{name : 'sara' , age : 20},
{name : 'mora' , age : 25},
{name : 'gate' , age : 26}
]
var addData = 'str';
var sendData =new Object;
sendData.list = list;
sendData.addData = addData;
$.ajax({
type: 'post',
url: '/test/test',
traditional : true,
data: JSON.stringify(sendData),
Type: 'json',
contentType : 'application/json;',
success:function(response){
consol.log('성공');
},
error:function(e) {
consol.log('실패');
}
});
</script>
</html>