[jQuery] 편리한 Ajax 호출

Ajax는 jQuery를 사용하면 더 단순해 질 수 있다. 일부 매개변수들을 서버 상의 페이지로 전달해야 할 경우 jQuery를 사용하면 이는 매우 간단하다. 필요한 메소드가 어떤 것인지에 따라서 $.post()와 $.get() 중 선택한다. 선택적 데이터 객체와 콜백 함수를 전달할 수도 있다. 복잡한 Ajax 스크립팅을 해야 한다면, $.ajax() 함수를 사용한다.

// ---------------------------------------
// $.get()
// ---------------------------------------
$.get('ajax/test.html', function(data) {
  $('.result').html(data);
  alert('Load was performed.');
});

// ---------------------------------------
// $.post()
// ---------------------------------------
$.post('save.cgi', {
    text: 'my string',
    number: 23
}, function() {
    alert('Your data has been saved.');
});

// ---------------------------------------
// $.ajax()
// ---------------------------------------
$.ajax({
    url: 'document.xml',
    type: 'GET',
    dataType: 'xml',
    timeout: 1000,
    error: function(){
        alert('Error loading XML document');
    },
    success: function(xml){
    $(xml).find('item').each(function(){
        var item_text = $(this).text();
        $('<li></li>')
            .html(item_text)
            .appendTo('ol');
        });
    }
});