AJAX 단순 궁금증
본문
안녕하세요. 요즘은 AJAX 공부하며 신세계를 맛보고 있습니다.
$(document).ready(function() {
...
});
$(function() {
...
});
1번 질문)
위 스크립트 차이점입니다. 같은 것으로 알고 있는데 첫번째랑 두번째랑 같은 의미인가요?
똑같이 페이지 로드되면 실행하는 건가요?
2번 질문)
ajax로 버튼 클릭 시 test.php에서 html를 받아와 $('#list').html(data); 로 추가하고 있는데요.
처음에 페이지 접속했을 때 test.php를 기본으로 출력하면서 클릭으로도 출력하려면
$(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
1) 네, 페이지 로드라기보다는 DOM 로드되는 시점 입니다.
DOM 로드 : document.DOMContentLoaded
페이지 로드 : window.onload
2) 두번 작성된 부분을 하나의 함수로 구성하신 후 호출하시면 됩니다.
답변 감사합니다. 혼자 해보려고 했는데 잘 안되네요. 간단하게 예제좀 부탁드려도 될까요?
$(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;
});
});
응용해보겠습니다 감사합니다!
답변을 작성하시기 전에 로그인 해주세요.
