Angularjs – jsonp 불러오기

외부에 있는 json 파일을 불러오는 코드이다.

출처 : http://jsfiddle.net/zkfruxu3/

<div ng-app ng-controller="jsonp_example">
    <button ng-click="doRequest()">Make JSONP request</button>
</div>

 위 처럼 html 안에 버튼을 클릭하면 doRequest 함수가 실행되게 만든다.

function jsonp_example($scope, $http) {
    $scope.doRequest = function() {
        var url = "http://public-api.wordpress.com/rest/v1/sites/wtmpeachtest.wordpress.com/posts?callback=JSON_CALLBACK";

        $http.jsonp(url)
            .success(function(data){
                console.log(data.found);
            });
    };

    var url = "http://public-api.wordpress.com/rest/v1/sites/wtmpeachtest.wordpress.com/posts?callback=JSON_CALLBACK";

    $http.jsonp(url)
        .success(function(data){
            console.log(data.found);
        });
}

 외부 파일을 $http.jsonp을 통해 불러오게 만든다.

$http에 관한 자세한 정보는 API 문서 https://docs.angularjs.org/api/ng/service/$http 를 참고하면 된다.

TOP