Ajax를 이용해 데이터를 서버로 보내는 몇 가지 방법
페이지 정보
작성자
운영자
쪽지보내기
메일보내기
자기소개
아이디로 검색
전체게시물
댓글 0건
조회 1,869회
작성일 21-08-04 19:12
본문
1. 배열 전송하기
Client
Method : POST
Content-type : application/x-www-form-urlencoded; charset=UTF-8
$.ajax({
url: "/test",
dataType: "json",
contentType: "application/x-www-form-urlencoded; charset=UTF-8",
type: "post",
data: {ids : [1,2,3]},
success: function (res) {
},
error: function (request, status, error) {
}
});
Server
@PostMapping(value = "/test")
@ResponseBody
@ResponseStatus(HttpStatus.NO_CONTENT)
public void test(
@RequestParam(name = "ids[]", required = false) List<Integer> ids
) {
logger.info("ids : {}", ids);
}
2. 배열 전송하기(JSON)
Client
Method : POST
Content-type : application/json; charset=UTF-8
$.ajax({
url: "/test",
dataType: "json",
contentType: "application/json; charset=UTF-8",
type: "post",
data: JSON.stringify([1, 2, 3]),
success: function (res) {
},
error: function (request, status, error) {
}
});
Server
@PostMapping(value = "/test")
@ResponseBody
@ResponseStatus(HttpStatus.NO_CONTENT)
public void test(
@RequestBody(required = false) List<Integer> ids
) {
logger.info("ids : {}", ids);
}
3. 배열과 데이터 전송하기(JSON)
Client
Method : POST
Content-type : application/json; charset=UTF-8
$.ajax({
url: "/test",
dataType: "json",
contentType: "application/json; charset=UTF-8",
type: "post",
data: JSON.stringify({ids: [1, 2, 3], name: "kim"}),
success: function (res) {
},
error: function (request, status, error) {
}
});
Server
Json 데이터를 바인딩할 객체
public class Test {
private List<Integer> ids;
private String name;
//setter, getter 생략
}
@PostMapping(value = "/test")
@ResponseBody
@ResponseStatus(HttpStatus.NO_CONTENT)
public void test(
@RequestBody(required = false) Test test
) {
logger.info("test : {}", test);
}
관련링크
- https://bamdule.tistory.com/100 954회 연결
댓글목록
등록된 댓글이 없습니다.