내가 다시 보려고 적어보는 TIL
AJAX
란 비동기 자바스크립트
와 XML (Asynchronous JavaScript And XML)
을 말한다.
서버로부터 데이터를 받고 작업을 수행(GET
,POST
요청)
AJAX
의 강력한 특징은 페이지 전체를 새로고침 하지 않고도 수행되는 "비동기성"
이다. 이러한 비동기성을 통해 사용자의 Event가 있으면 전체 페이지가 아닌 일부분만을 업데이트 할 수 있게 해준다.
$.get('url')
.done(function(data){
console.log(data)
})
.fail(function(error){
console.log('실패')
});
ajax 요청에 성공하면 .done 안에 있는 코드를 실행한다.
ajax 요청에 실패하면 .fail 안에 있는 코드를 실행한다.
fetch('url')
.then(res => res.json())
.then(function(data){
console.log(data)
})
.catch(function(error){
console.log('실패')
});
서버와 데이터를 주고받을 때는 문자
만 주고받을 수 있다.
그래서 arra
y나 object
자료는 따옴표("",'')
를 쳐서 문자형태로 바꿔서 전송
하게 된다. 이렇게 전송받은 자료를 다시 사용할려면 array
나 object
자료로 변경해줘야 한다. 이 때 res.json()
을 사용한다.