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

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

개발자팁

개발과 관련된 유용한 정보를 공유하세요.
질문은 QA에서 해주시기 바랍니다.

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

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

본문

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

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

jQuery


$.ajax('http://jsonp-aware-endpoint.com/user', {
    jsonp: 'callback',
    dataType: 'jsonp',
    data: {
        id: 123
    }
}).then(function(response) {
    // handle requested data from server
});

네티브자바스크립트


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);

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

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