jQuery없이 네티브자바스크립트로 서버에 요청보내기 7 - JSONP

JSONP(JavaScript Object Notation with Padding) 에 대해서는 개발자분들 잘 알고 계시리라 봅니다.

사실 JSONP를 심중히 써야 합니다.

jQuery

[code]

$.ajax('http://jsonp-aware-endpoint.com/user', {

    jsonp: 'callback',

    dataType: 'jsonp',

    data: {

        id: 123

    }

}).then(function(response) {

    // handle requested data from server

});

[/code]

네티브자바스크립트

[code]

window.myJsonpCallback = function(data) {

    // handle requested data from server

};

var scriptEl = document.createElement('script');

scriptEl.setAttribute('src',

    'http://jsonp-aware-endpoint.com/user?callback=myJsonpCallback&id=123');

document.body.appendChild(scriptEl);

[/code]

이시간으로 jquery에 대동한 네티브자바스크립트의 코드들을 끝냈습니다.

마지막까지 보아주신 분들께 감사를 드립니다.