ajax 데이터 전송 질문있습니다.

Question

안녕하세요 ajax를 통해서 select box에서 값을 하나 선택할 때 마다 해당 내용이 들어간 리스트를 새로 띄우는 작업을 해보고 있습니다. select는 중복선택이 가능하게 해서 이를 배열로 받고 addEventListener의 change 방식을 통해 select에 추가되는 내용을 배열로 반환하여 값을 보내려고 합니다. 그런데 값을 올바르게 보내고 있다고 판단되고 컨트롤러에서 값을 반환받으려할때도 잘 되지 않고 console 창에서 400에러가 납니다. 매개변수를 받아오는 과정에 문제가 있다고 생각해서 RequestBody 어노테이션 사용과 컨트롤러에서 여러 형변환도 시도해보고, js에서 JSON.stringfy로 파싱해서 전송도 도무지 방법을 모르겠습니다.. 도움 주시면 감사하겠습니다.아래는 jsp 코드입니다. state, currentPage는 상단에서 선언하였고, 컨트롤러에서는 올바르게 값이 들어옵니다.에러메세지는 다음과 같습니다WARN : org.springframework.web.servlet.mvc.support.DefaultHandlerExceptionResolver - Resolved [org.springframework.web.bind.MissingServletRequestParameterException: Required request parameter 'selectedValues' for method parameter type String[] is not present]var selectElement = document.querySelector(".choices.form-select"); selectElement.addEventListener("change", function() { var selectedValues = []; for (var i = 0; i < selectElement.selectedOptions.length; i++) { selectedValues.push(selectElement.selectedOptions[i].value); } console.log(selectedValues); console.log(currentPage); console.log(state); $.ajax({ type: "POST", url: "AjaxIssueByLabels.iss", data: { selectedValues: selectedValues, state: state, cpage: currentPage }, contentType: "application/json; charset=utf-8", dataType: "json", traditional: true, success: function(response) { console.log("서버 응답: " + response); }, error: function(xhr, status, error) { console.error("AJAX 오류: " + error); } }); }); 다음은 컨트롤러입니다.@RequestMapping(value="AjaxIssueByLabels.iss", produces = "application/json; charset=utf-8", method = RequestMethod.POST) @ResponseBody public Map ajaxIssueByLabels(HttpSession session, String state, @RequestParam(value = "selectedValues") String[] selectedValues, @RequestParam(value = "cpage", defaultValue = "1") int currentPage) { System.out.println(currentPage + "ㅎㅎㅎ"); System.out.println("state " + state); System.out.println("selectedValues" + selectedValues); Map response = new HashMap<>(); // response.put("issues", list); response.put("pagination", pi); return response; }selectedValues만 자꾸 null이 나옵니다.

원숭이핥기 · Answer

HTML 소스도 보여주시면 더 정확할 거같은데...스크립트 맨 윗부분, 쿼리셀렉터한 부분이 select박스의 클래스명이죠? 그렇다면 selectElement.value에 option의 값이 담겨있을 거 같은데 한번 확인해보세요

살려주세용 · Answer

ajax 데이터 전송 질문있습니다.

2개의 답변

#post 목록