9951 explained code solutions for 126 technologies


angularjsHow can I use JSONP with AngularJS?


JSONP is a technique to bypass the Same Origin Policy (SOP) implemented by browsers. It can be used to make cross-domain requests from the client-side using JavaScript. To use JSONP with AngularJS, you need to use the $http service.

Example

angular.module('myApp', [])
  .controller('MyCtrl', function ($scope, $http) {
    $http.jsonp('http://example.com/data?callback=JSON_CALLBACK')
      .success(function (data) {
        $scope.data = data;
      });
  });

This example uses the $http service to make a JSONP request to http://example.com/data. The JSON_CALLBACK parameter is used to specify the name of the callback function that will be used to process the response.

Code explanation

  1. angular.module: Used to define an AngularJS module.
  2. .controller: Used to define a controller in the module.
  3. $http.jsonp: Used to make a JSONP request.
  4. JSON_CALLBACK: Used to specify the name of the callback function that will be used to process the response.

For more information on using JSONP with AngularJS, please refer to the following links:

Edit this code on GitHub