[코드이그나이터] AJAX Requests

AJAX Requests

출처:
http://ci4doc.cikorea.net/general/ajax.html

코드이그나이터에서 제공하는 isAJAX() 메서드는 X-Requested-With 헤더를 사용하여 요청이 XHR인지 정상인지를 정의

그래서 isAJAX() 메서드 결과값의 안정성을 유지하기 위해서는 수동으로 X-Requested-With 를 정의 해줘야함

Fetch API

fetch(url, {
    method: "get",
    headers: {
        "Content-Type": "application/json",
        "X-Requested-With": "XMLHttpRequest"
    }
});

jQuery

X-Requested-With 헤더는 모든 $.ajax() 요청의 표준 헤더이기 때문에 이 헤더를 명시적으로 보내지 않아도 됨. 만약 명시적으로 보내길 원한다면 아래와 같이 실행

fetch(url, {
    method: "get",
    headers: {
        "Content-Type": "application/json",
        "X-Requested-With": "XMLHttpRequest"
    }
});

VueJS

VueJS에서 Axios를 사용한다면 다음 코드를 created 함수에 추가

axios.defaults.headers.common['X-Requested-With'] = 'XMLHttpRequest';

React

명시하지 않아도 됨

axios.get("your url", {headers: {'Content-Type': 'application/json'}});