[자바스크립트] AJAX 관련 메서드

$.ajax({
	url: 어쩌구,
    [data: 넘길 데이터,]
    success: function(){
    	요청 성공 시 실행 할 function
    },
    fail: function(){
    	요청 실패 시 실행 할 function
    }
})

Ajax 옵션 관련

• async: 비동기(true-default), 동기(false) 설정
• cache: 요청 페이지를 인터넷에 저장 할 지 여부 설정. default는 true
• contentType: 전송할 데이터의 type 설정.
  default는 application/x-www-form-urlencoded; charset=UTF-8
• dataType: return 데이터 type 설정
• timeout: 응답까지 걸리는 시간제한 지정
• beforeSend: 통신 시작 시 실행 할 기능 정의
• complete: 통신이 완료 된 후 실행 할 기능 정의(error, success 상관 없이 무조건 실행됨)

데이터 가공 관련

• 폼.serialize(): form 내부 값을 쿼리스트링으로 변환하여 반환

?name=홍길동&age=27

• 폼.serializeArray(): form 내부 값을 배열 객체로 변환하여 반환

[{name:홍길동},{age:27}]

• JSON.parse(데이터): JSON(string)을 JavaScript객체로 변환

var test = {"name":"홍길동", "age": 26, "gender": "male"}
JSON.parse(test);

// {name:"홍길동", age: 26, gender: "male"}

• JSON.stringify(데이터): JavaScrip객체를 JSON(string)으로 변환

var test = {name:"홍길동", age: 26, gender: "male"}
JSON.stringify(test);

// {"name":"홍길동", "age": 26, "gender": "male"}