Ajax를 활용하여 폼의 데이터를 serialize하여 전달하기

Question

# 폼의 데이터를 컨트롤러로 전달하여 해당 값으로 DB 조회 결과 출력 Ajax를 사용하여 폼의 데이터를 전달할 때, serialize로 사용한다고 하는데,[Ajax 폼 전송] 버튼을 클릭 하면, 아래와 같은 에러가 나옵니다. [Ajax 폼 전송] 클릭 후 크롬 콘솔 메세지 하지만, 27라인으로 data를 전달하면 정상 실행됩니다. (문제가 되는 코드는 28라인) Ajax를 활용하여 폼의 데이터를 컨트롤러 넘기고 싶은데, 어떻게 하나요? <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %> <%@ page session="false" %> BOARD

Board JSON List

Controller @ResponseBody @RequestMapping(value = "board/getformjsonlist.do", method=RequestMethod.POST) public List getSearchFormJsonList(@RequestBody BoardVO boardData) throws Exception{ logger.info("# " + boardData.toString()); List list = boardService.selectSearchBoardList(boardData); return list; }

사는게힘듭니다 · Answer

form태그 속성값을 name으로바꾸시면됩니다.

JohnMark · Answer

$.ajax({ type: &#34;post&#34;, // HTTP 요청 방식(GET, POST) contentType: &#34;application/json; charset&#61;utf-8&#34;, // 서버에서 보내줄 데이터의 타입 // data: JSON.stringify(searchWord1), <-- 정상적으로 실행됨 data: new FormData($(&#34;#frm_board&#34;)), // 폼의 파라미터를 넘기기 위해 serialize() 함수를 사용 url: &#34;getformjsonlist.do&#34; // 클라이언트가 요청을 보낼 서버의 URL 주소 })

Ajax를 활용하여 폼의 데이터를 serialize하여 전달하기

2개의 답변

#serialize 목록