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