AJAX 통신 질문 (AJAX, $.each문 2번 호출 질문)

Question

뷰 단에서 페이징 처리를 하는데 문제가 생겨 질문드립니다ㅠ 현재 flow는, 상세보기 클릭 -> 상세 페이지 조회 A.컨트롤러 (데이터 리스트 조회)-> A.jsp로 이동 및 데이터 리스트 foreach 출력 -> A.jsp에 ready함수를 선언하여 Ajax 통신-> Ajax url을 타고 B.컨트롤러로 들어가 데이터 리스트 조회 및 json 형태로 반환-> A.jsp에서 요청한 데이터를 기반으로 하단부 페이지 번호 리스팅 및 데이터 <tr> 10개 리스팅 -> 하단부 페이지 번호 클릭 시, 페이지 번호 별 value 값을 넘기기 위해 Ajax 통신-> B.컨트롤러를 거쳐 똑같은 데이터 반환 및 A.jsp 출력 이 정도 인데요. Ajax 통신이나 $.each문을 2번 호출하게 되면 문제가 생기거나 할 수 있나요? 지금 현재 이 상태로 진행 중인데, 하단부 페이지 번호를 클릭 후 jsp 단에서 alert를 찍어봤습니다만$.each 문 안까지 들어가긴 하는데 반복문 실행이 되질 않습니다.

앵두파파 · Answer

코드가 있어야 말씀드릴 수 있을 것 같네요.Ajax가 2번 이상 호출된다고 해서 문제가 생기지는 않습니다.

orth · Answer

$.each 문 안까지 들어가긴 하는데 반복문 실행이 되질 않습니다.이게 무슨 말씀이신지 잘 모르겠습니다.페이징 번호를 클릭하면 $.each 를 실행하신다는 건가요?

Cooooy · Answer

음... 이슈사항만 간단하게 말씀드리면, AJAX ready로 생성된 페이징 번호를 클릭 시, ready 함수와 같은 컨트롤러를 타고 같은 내용의 데이터들을 .append 하게 됩니다. 물론 ready 함수에 의해 페이징 번호가 생성 되는 뷰 단에서도 .append로 테이블 바디부분에 데이터를 10개씩 채워넣구요. .append를 하기 전에 $(.클래스 tr).remove(); 를 통해서 테이블 바디부분에 들어있는 데이터를 모두 삭제한 후, .append로 데이터를 10개씩 채워넣는 방식입니다.하지만 ready 함수로 인하여 데이터가 채워질 때에는 10개의 데이터가 들어가지만, 페이징 번호를 클릭 시,같은 컨트롤러를 타고 같은 내용의 함수를 거치지만 1개의 데이터 밖에 출력되지 않습니다.

Cooooy · Answer

혹시 ready로 생성된 동적인 tr이어서 해당 tr의 클래스를 찾지 못해 그런 걸까요?$.each가 ready 함수 내에서는 동작하는데, $(document).on(&#34;click&#34;),&#34;아이디&#34;, function() 에서는 동작하지않는 걸로 보입니다.

Cooooy · Answer

아... 답변주신 분들 죄송합니다.... 변수 하나가 선언이 안 되어 있었습니다... ㅜ 감사합니다!!!!

AJAX 통신 질문 (AJAX, $.each문 2번 호출 질문)

5개의 답변

Q&A 목록