JSONP (JSON with Padding)

JSONP

* 크로스 도메인 요청을 허용하기 위해 사용할 수 있다

* CORS 를 우회할 수 있다

 

클라이언트에서 요청

<script>
  function myCallbackFunction(data) {
    console.log('Received data:', data);
  }

  function loadData() {
    const script = document.createElement('script');

    // JSONP 요청, 콜백 함수명을 전달한다
    script.src = 'https://www.mysite.com/getToken?callback=myCallbackFunction';
    
    document.body.appendChild(script);
  }

  loadData();
</script>

 

서버에서 응답

// https://www.mysite.com/getToken?callback=myCallbackFunction 호출시
// 아래 형태의 javascript 코드로 응답한다 => 콜백함수명(데이터)
myCallbackFunction({
  "code": "0",
  "ssotoken": "SSO_TOKEN_123"
});