[jQuery] Ajax 관련 메서드

load()

- 외부 콘텐츠를 가져올 때 사용

$(요소선택).load(url, data, 콜백 함수)

$.ajax()

- 데이터를 서버에 HTTP POST, GET 방식으로 전송이 가능하며,

  (X)HTML, XML, JSON, 텍스트 유형에 데이터를 요청할 수 있는 통합적인 메서드

  $.post(), $.get(), $.getJSON() 메서드의 기능을 하나로 합쳐 놓은 것이라고 보면 됨.

$.ajax({

url : '전송 페이지(액션 페이지)',                // 데이터 전송 및 요청할 외부 주소를 입력

type : '전송 방식",                                  // get, post

data : '전송할 데이터',

dataType : '요청한 데이터 타입'                // 서버로부터 반환 받아올 데이터 형식을 지정

// html, xml, json, text, jsonp

success: function(result) {

// 전송 성공하면 실행할 실행문

// 매개 변수 result 에는 요청한 데이터가 저장

}

});

$.post()

- 데이터를 서버에 HTTP POST 방식으로 전송한 후 서버 측의 응답을 받을 때 사용

$.get()

- 데이터를 서버에 HTTP GET 방식으로 전송한 후 서버 측에 응답요청 받을 때 사용

$.getJSON()

- 데이터를 서버에 HTTP GET 방식으로 전송한 후 서버 측 응답을 JSON 형식으로 받을 때 사용

$.getScript()

- Ajax를 이용하여 외부 자바스크립트를 불러옴.

.ajaxStop(function() { ... })

- 비동기 방식으로 서버에 응답 요청이 완료되었을 때 함수에 실행문이 수행

.ajaxSuccess(function() { ... })

- ajax 요청이 성공적으로 완료되면 함수에 실행문이 수행

serialize()

- 방문자가 입력 요소에 값을 입력하고 전송하였을 때, 데이터 전송 방식인

name1=value1&name2=value2...

 쿼리 스트링 형식의 데이터로 변환하여 액션 페이지에 전송

serializeArray()

- 방문자가 입력 요소에 값을 입력하고 전송하였을 때, 전송 방식인

key1:value1, key2:value2 ...

  JSON 데이터로 변환하여 액션 페이지에 전송

ajaxComplete(function() { ... })

- Ajax 통신이 완료되면 함수에 실행문을 실행