S08. ajax

Ajax

• 정의
  전체 페이지를 새로고칠 필요없이, 서버와 정보를 교환하고 웹 페이지의 일부만 수정할 수 있게 해주는 방법

• 사용되는 것들
  1. HTML
  2. DOM
  3. Javascript
  4. XMLHttpRequest
• Request Methods (POST / HTTP/1.1)
  • GET - 정보를 달라!
  • POST - 정보를 만들라!
  • PUT - 정보를 수정하라!
  • DELETE - 정보를 지우라!
• Response Code (HTTP/1.1 403 Forbidden)
  • 1XX - 몰라도 됨
  • 2XX - 성공적!
  • 3XX - 다른곳으로 가보세요!
  • 4XX - 니 잘못! (클라이언트 잘못)
  • 5XX - 내 잘못..
• JSON (Javascript Object Notation), 자바스크립트 오브젝트처럼 쓰는 표기법이라 보면 된다.
  • Valid Types (undefined는 없다.)
  • String
  • Number
  • Object
  • Array
  • Boolean
  • null
• Asynchronous (비동기)
  아래 소스는 2의 갯수에 상관없이 무조건 2, 1 순으로 실행됨 (Event Loop!)

    //1. 햄버거 구매
    $.ajax({
      url: 'https://~~~~.json',
      type: GET,
      success: function Success (data) {
        console.log(data);
      }
    });
  
    //2. 햄버거 기다리는 중
    console.log('수다수다');
    console.log('수다수다수다');