초 간단예제
// id가 btn_test인 엘리먼트 클릭시 동기식으로 네이버 인덱스 페이지 html 받아와서 alert으로 출력
$('#btn_test').click(function() {
var txt = $.ajax({
url: 'http://www.naver.com',
async: false
}).responseText;
alert(txt);
});
// 통신성공시 success 핸들러 구동 (결과값을 alert 출력)
$('#btn_test').click(function() {
$.ajax({
url: 'http://www.naver.com',
success: function(data) {
alert(data);
}
});
});
$('#btn_test').click(function() {
var txt = $.ajax({
url: 'http://www.naver.com',
async: false
}).responseText;
alert(txt);
});
// 통신성공시 success 핸들러 구동 (결과값을 alert 출력)
$('#btn_test').click(function() {
$.ajax({
url: 'http://www.naver.com',
success: function(data) {
alert(data);
}
});
});
참고: http://api.jquery.com/jQuery.ajax/
'JavaScript' 카테고리의 다른 글
[JavaScript] URI encoding (0) | 2010.04.01 |
---|---|
[JavaScript] 새창 조작 (0) | 2010.03.11 |
[jQuery] jQuery에서 outerHTML 가져오기 (0) | 2010.03.02 |
[jQuery] 새 엘리먼트 추가시 이벤트 핸들러 깨지는 현상. (0) | 2010.03.02 |
[jQuery] datepicker (2) | 2010.02.24 |