[Spring]4. Ajax 비동기 통신

Spring_04_비동기통신(Ajax)

 

[BoardWrite]작성한 게시글을 Ajax방식으로 BoardMain으로 보내기

1. 비동기 통신 함수를 실행할 버튼 생성: <table>, <form> 태그 끝난 위치에 작성

 

2. form태그에 작성된 값을 가져와서 Ajax 방식으로 요청 데이터 보내기

• serialize 함수로 form 태그에 작성된 값 가져오기
• ajax로 요청 데이터 보내기: 요청경로, 요청데이터, 요청방식, callback 함수 작성

 

[BoardController]

• @ResponseBody: Controller에서 데이터만 응답하고 싶을 때 사용하는 annotation
• @RequestMapping에서 한글인코딩(produces)
• Ajax로 보낸 데이터 매개변수에 Board 형태로 받아오기
• 작성한 게시글 DB에 저장하기: boardInsert 데이터 타입 int로 바꿔주기
• 저장한 결과에 따라 성공 실패 여부 반환하기 

 

[BoardMain]ajax 방식으로 게시글 삭제하기

 

 

• button 클릭 시 DeleteBoard 실행

-삭제할 게시글 구별하기 위해 삭제 버튼 클릭 시 보낸 게시글 번호 매개변수로 받기

• Ajax 방식으로 게시글 번호 전송하기

-게시글 번호 매개변수로 받아오기

- num이라는 이름으로 게시글 번호 데이터 보내기

-데이터 통신 성공 시 결과창 알림 창으로 출력하고 페이지 새로고침하기

[BoardRestController]

1. RestController: 데이터 응답하는 역할만 하는 Controller

 

2.  Autowired로 BoardMapper 불러오기

3. 게시글 삭제하는 메소드

 

• @ResponseBody: @RestController 선언했으므로 작성할 필요없음
• @RequestMapping에서 한글인코딩(produces)

 

 

• 게시글 번호 원하는 이름으로 받아오기: @RequestParam
• 게시글 번호에 해당하는 게시글 삭제: deleteDetail 데이터 타입 int로 바꿔주기
• 저장한 결과에 따라 성공 실패 여부 반환하기