AJAX 단순 궁금증 채택완료
안녕하세요. 요즘은 AJAX 공부하며 신세계를 맛보고 있습니다.
</p><p>$(document).ready(function() {</p><p> ...</p><p>});</p><p></p><p>$(function() {</p><p> ...</p><p>});</p><p>
1번 질문)
위 스크립트 차이점입니다. 같은 것으로 알고 있는데 첫번째랑 두번째랑 같은 의미인가요?
똑같이 페이지 로드되면 실행하는 건가요?
2번 질문)
ajax로 버튼 클릭 시 test.php에서 html를 받아와 $('#list').html(data); 로 추가하고 있는데요.
처음에 페이지 접속했을 때 test.php를 기본으로 출력하면서 클릭으로도 출력하려면
</p><p>$(function() {</p><p> $.ajax ({</p><p> type:'post',</p><p> url:'/test/test.php',</p><p> dataType:'html',</p><p> success:function(data) {</p><p> $('#list').html(data);</p><p> }</p><p> });</p><p>
</p><p> $('.tab button').click(function() {</p><p> var load_url = $(this).data('tab-url');</p><p> $.ajax ({</p><p> type:'post',</p><p> url:load_url,</p><p> dataType:'html',</p><p> success:function(data) {</p><p> $('#list').html(data);</p><p> }</p><p> });</p><p> return false;</p><p> });</p><p>});</p><p>
이렇게 ajax 구문을 2번 써야하나요??
댓글을 작성하려면 로그인이 필요합니다.
답변 2개
채택된 답변
+20 포인트
8년 전
1) 네, 페이지 로드라기보다는 DOM 로드되는 시점 입니다.
DOM 로드 : document.DOMContentLoaded
페이지 로드 : window.onload
2) 두번 작성된 부분을 하나의 함수로 구성하신 후 호출하시면 됩니다.
로그인 후 평가할 수 있습니다
답변에 대한 댓글 1개
댓글을 작성하려면 로그인이 필요합니다.
8년 전
</p><p>$(function () {</p><p> var fn_01 = function (uri) {</p><p> $.ajax ({</p><p> type:'post',</p><p> url:uri,</p><p> dataType:'html',</p><p> success:function(data) {</p><p> $('#list').html(data);</p><p> }</p><p> });</p><p> };</p><p>
</p><p> fn_01('/test/test.php');</p><p>
</p><p> $('.tab button').click(function() {</p><p> var load_url = $(this).data('tab-url');</p><p> fn_01(load_url);</p><p> </p><p> return false;</p><p> });</p><p>});</p><p>
로그인 후 평가할 수 있습니다
답변에 대한 댓글 1개
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인전체 질문 목록
답변대기
답변대기
답변대기
답변대기
답변대기
답변대기
답변대기
답변대기
채택
답변대기
답변대기
답변대기
답변대기
채택
채택
답변대기
답변대기
답변대기
채택