ajax 학습 메모

ajax를 활용한 게시판 만들기 中

 

** 1.

sajax를 활용해 동적으로 button을 생성한 경우에는 (정적으로 HTML으로 생성한 경우의)

$(".deleteButton").click(function()) {} 이 아닌

 

$(document).on("click", ".deleteButton", function() {

 

jQuery의 .on()을 활용하여 ajax 작성해야했다.

 

 

** 2. 

ajax를 통한 비동기처리는 페이지의 새로고침 없이 삭제 후에도 DB 게시판 목록을 반영해야하므로

location.reload()  대신

최초 페이지 로드 시의 게시판 목록 조회 ajax 코드를 재사용하게되었는데,

조회/등록/삭제 시 계속 코드가 반복 되어서 function getBoardList()으로 ajax 호출 코드를 함수화 하고

이를 호출하여 재사용 했다.