AngularJS JSONP Request Sample

Using JSONP to get Yahoo finance data.

HTML

<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.2.15/angular.js"></script>
<div ng-app ng-controller="JsonPController">
    <input type='text' name='symbol' ng-model="symbol" placeholder='Enter symbol.'>{{symbol}}
    <button ng-click="getQuote()">Get Quotes</button>
    <div>{{quote|json}}</div>
</div>

JavaScript

function JsonPController($scope, $http) {
    $scope.getQuote = function () {
        var url = 'http://api.openweathermap.org/data/2.5/forecast/daily?q=Sakarya&mode=json&units=metric&cnt=7&callback=JSON_CALLBACK&APPID=f9dbd911bc01df1d9ce563b2ba4d3209';

        $http.jsonp(url)
            .success(function (data) {
            console.log(data)
            $scope.quote = data;
        });
    };
}