TIL

내가 다시 보려고 적어보는 TIL

---

AJAX(Asynchronous JavaScript And XML)란 무엇인가?

AJAX란 비동기 자바스크립트와 XML (Asynchronous JavaScript And XML)을 말한다.
서버로부터 데이터를 받고 작업을 수행(GET,POST 요청)
AJAX의 강력한 특징은 페이지 전체를 새로고침 하지 않고도 수행되는 "비동기성"이다. 이러한 비동기성을 통해 사용자의 Event가 있으면 전체 페이지가 아닌 일부분만을 업데이트 할 수 있게 해준다.

---

jQuery로 AJAX요청하기

$.get('url')
  .done(function(data){
    console.log(data)
  })
  .fail(function(error){
    console.log('실패')
  });

ajax 요청에 성공하면 .done 안에 있는 코드를 실행한다.
ajax 요청에 실패하면 .fail 안에 있는 코드를 실행한다.

---

자바스크립트만으로 AJAX 요청

fetch('url')
  .then(res => res.json()) 
  .then(function(data){
    console.log(data)
  })
  .catch(function(error){
    console.log('실패')
  });

서버와 데이터를 주고받을 때는 문자만 주고받을 수 있다.
그래서 array나 object 자료는 따옴표("",'')를 쳐서 문자형태로 바꿔서 전송하게 된다. 이렇게 전송받은 자료를 다시 사용할려면 array나 object 자료로 변경해줘야 한다. 이 때 res.json()을 사용한다.