웹개발 종합반 4주차

get, post 

get : get 방식은 서버로 전달되는 자료값이 웹브라우저 주소창에 노출되어 보안성이 좋지 않다. (요청 URL에 파라미터를 붙여서 전송한다.) 그리고 서버로 보내는 자료 길이 제한도 있다.

 

post : 자료 노출이 되지않아 보안성이 뛰어나며, 서버로 전달되는 자료길이 제한이 없다. 대부분 post방식을 사용한다.

 

ajax

$.ajax ({
  // URL은 반드시 구현해야하는 필수 요소
  url	: "url", // 요청이 전송될 URL 주소
  type	: "GET", // http 요청 방식 (default: ‘GET’)
  async : true,  // 요청 시 동기화 여부. 기본은 비동기(asynchronous) 요청 (default: true)
  cache : true,  // 캐시 여부
  timeout : 3000, // 요청 제한 시간 안에 완료되지 않으면 요청을 취소하거나 error 콜백을 호출.(단위: ms)
  data  : {key : value}, // 요청 시 포함되어질 데이터
  processData : true, // 데이터를 컨텐트 타입에 맞게 변환 여부
  contentType : "application/json", // 요청 컨텐트 타입 
  dataType    : "json", // 응답 데이터 형식 (명시하지 않을 경우 자동으로 추측)
  beforeSend  : function () {
    // XHR Header를 포함해서 HTTP Request를 하기전에 호출
  },
  success : function(data, status, xhr) {
    // 정상적으로 응답 받았을 경우에는 success 콜백이 호출
    // 응답 바디, 응답 코드, XHR 헤더
  },
  error	: function(xhr, status, error) {
        // 응답을 받지 못하거나 형식이 맞지 않을경우 error를 호출
  },
  complete : function(xhr, status) {
    // success와 error 콜백이 호출된 후에 반드시 호출된다.
    // try - catch - finally의 finally 구문과 같다.
  }
});