[jQuery/ajax] 타도메인 JSON 이용시 JSONP를 활용한 CORS 해결

타도메인에 있는 json을 가져오는 방법 중 하나인 jsonp를 이용해보았다.

 

html

<button id="ajaxCallBtn" onclick="javascript:void(0)">getData</button>

 

script

<script src="http://code.jquery.com/jquery-1.7.1.min.js"></script>

<script>

        $(document).ready(function() {

// ajax 구성

 

            function ajaxCall() {

                $.ajax({

                    url: "yourUrl",

                    dataType: "jsonp",

                    jsonpCallback: "jsonCallback"

                });

            }

 

            function jsonCallback(json) {

                loadData(json);

            }

 

            function loadData(json) {

                console.log(json);

            }

 

// ajaxCall를 실행하기위한 이벤트핸들러

            $("#ajaxCallBtn").on('click', function() {

                ajaxCall();

            });

        });

    </script>