json을 이용해서 controller로 데이터를 넘기려는데 postmapping이 안되네요....

Question

$(function() {$('.btnSubmit .btnSave').click(function(){console.log('클릭');let tag = $('.contain2 #tag').val(); // .val() 메서드를 사용해야 합니다.let category = $('.contain3 #category').val(); // .val() 메서드를 사용해야 합니다.console.log(tag);console.log(category);let jsonData = { // 변수 이름을 jsonData로 수정'tag' : tag,'category' : category};console.log(jsonData);$.ajax({url:'/index',method:'POST',data: jsonData,dataType:'JSON',contentType: "application/json",success: function(data){console.log("data : " + data.result);if(data.result == 1){console.log("성공");}}});});}); 우선 이게 제가 작성한 json입니다. console.log(jsonData);까지는 console.log에 정상적으로 나오는데 controller에서 제대로 받지를 못 하는 것 같습니다. 그리고 이것이 제가 작성한 controller입니다 @Autowiredprivate indexService indexService;@GetMapping("/index")public String index(){return "index";}@PostMapping("/index")@ResponseBodypublic Map index(@RequestBody indexVo vo){log.debug("postIndex");int result = indexService.insertIndexArticle(vo); Map map = new HashMap<>();map.put("result", result);return map;} post에서 log.debug("postIndex"); 이것 조차 찍히지가 않네요 혹시 단일 페이지에서 모든 걸 처리할 경우에는 다른 방법을 사용해야 하나요?

라떼개발자 · Answer

브라우저 개발자 도구로 /index 호출 할때 로그 살펴보세요

Clickin · Answer

jquery로 json데이터를 넘길 때 js object를 그대로 넘기면 안됩니다.JSON.stringfiy를 사용해서 직렬화한 형태로 넘기셔야합니다.axios는 이런 과정이 필요없고 fetch는 동일하게 JSON.stringfiy가 필요합니다.

Jamie Hong · Answer

url 설정을 서버 포트까지 써서 해보시겠어요?

json을 이용해서 controller로 데이터를 넘기려는데 postmapping이 안되네요....

3개의 답변

Q&A 목록