AngularJS Example:

HTML

<link rel="stylesheet" href="http://twitter.github.com/bootstrap/assets/css/bootstrap.css">
<body ng-app="myModule">
    <div ng-controller="Hello">
        <h1>{{status}}</h1>
        <p>{{data}}</p>
    </div>
</body>

JavaScript

var myApp = angular.module('myModule', []);

myApp.controller('Hello', function ($scope, userRepository) {
      $scope.status = 'loading';
    userRepository.getInformation().
    success(function (data) {
        $scope.status = 'Success';
        $scope.data = data;
      
    }).
    error(function (data) {
        $scope.status = 'Error';
        $scope.data = data;
    });

});
myApp.factory('userRepository', function ($http) {
    return {
        getInformation: function () {
            var url = 'https://api.ip2location.com/?ip=114.143.78.203&key=A822B2FFBC&package=WS24&format=json';
            return $http.jsonp(url, {
                params: {
                    callback: 'JSON_CALLBACK',
                    q: 'London',
                    format:'json',
                    num_of_days: 5,
                    key: 'atf6ya6bbz3v5u5q8um82pev'
                }
            });
        }
    }
});