- 웹 페이지에서 일부 정보가 달라졌음에도 전체 페이지를 리로드 하는 것은 비효율적이다.
- Ajax는 리로드 없이 웹 서버에게 정보를 요청해서 부분적으로 정보를 갱신해주는 기술이다.
- 이 기술을 사용하면 사용자는 변경된 부분에 집중할 수 있게되어 사용성이 증대한다. 또한 서버와 사용자 둘다 시간, 돈, 네트워크 자원을 절약할 수 있게된다.
SPA(Single-Page Application)
- 서버로부터 완전한 새로운 페이지를 불러오지 않고 현재의 페이지를 동적으로 다시 작성함으로써 사용자와 소통하는 웹 애플리케이션이나 웹 사이트를 말한다.
- Ajax 기술을 사용하면 구현 가능하다.
실행코드
//Asynchronous
function callbackme() {
console.log('response end');
}
fetch('javascript').then(callbackme)
console.log(1);
console.log(2); // 실행결과 1 2 response end순으로 출력- fetch('javascript')는 브라우저가 서버에게 javascript이라는 파일을 요청하라는 의미이다.
- then(함수명 or 익명함수)은 서버가 응답을 하면 인자에 있는 콜백함수를 실행하라는 의미이다.
- 서버는 응답할 내용을 response 객체에 담아서 넘겨준다. 또한 그 객체는 사용할 수 있다.
do for me