불타는 코딩🔥

타도메인에 있는 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>