[JavaScript] Ajax

Ajax란?
Asynchronous JavaScript and XML의 약자로, 동적인 웹 페이지를 만들기 위한 개발 기법중 하나이다. 페이지 전체를 다시 로딩하지 않고도 웹 페이지의 일부분만을 갱신할 수 있어서 유지보수 비용을 획기적으로 줄일 수 있다.

    // Asynchronous 비동기
    fetch('html').then(function(response) {
        if(response.status == '404') {
            alert('Not Found')
        }
    }); 
    console.log(1); //병렬실행
    console.log(2); //병렬실행
    
    //첫번째 인자로 전달된 데이터를 서버에게 요청 fetch();
    //서버가 응답할때까지 다른 일을 한다 .then;
    //다른일 => 1,2 출력
    //웹브라우저 응답이 끝난뒤 .then(callbackme); 함수호출

    //status 200: 성공   //status 404:실패 (Not Found)
    //response 객체는 fetch를 통해 요청했을때 웹서버가 응답한 결과를 담고 있다.

Ajax를 이용하여 개발을 쉽게 할수 있도록 여러가지 기능을 포함해 놓은 개발환경을 Ajax 프레임워크라고 한다. (ex. jQuery)