AJAX 단순 궁금증 채택완료
fear
8년 전
조회 2,973
안녕하세요. 요즘은 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개
f
fear
8년 전
답변 감사합니다. 혼자 해보려고 했는데 잘 안되네요. 간단하게 예제좀 부탁드려도 될까요?
댓글을 작성하려면 로그인이 필요합니다.
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개
f
fear
8년 전
응용해보겠습니다 감사합니다!
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인