Ajax 기초

Ajax

쉽게 말해서 새로고침(페이지 이동) 없이 데이터를 주고 받는 것이 가능하여 즉각적으로 화면을 전환할 수 있다.

 

바닐라 자바스크립트

fetch('https://codingapple1.github.io/price.json')
  .then(res => res.json())
  .then(function(data){
    console.log(data)
  })
  .catch(function(error){
    console.log('실패함')
  });

이런식으로 사용할 수 있는데

res => res.json()    요청된 응답을 제이슨형식으로 이쁘게 변환 

data => 제이슨형식으로 받은 응답의 값을 data 라고 명명

 

제이쿼리 

$.get('https://codingapple1.github.io/hello.txt')
  .done(function(data){
    console.log(data)
  })
  .fail(function(error){
    console.log('실패함')
  })

더 간편 하게 사용가능

.done => 데이터를 성공적으로 가져오면 함수를 실행한다.