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

Nux·2022년 5월 25일
0
$.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"}

0개의 댓글