Angularjs JSONP not working

by

@TheHippo is correct the data should not just be a plain json response. Here is a working example of a JSONP request against a youtube endpoint in AngularJS.

A couple of things to note in this example:

  • Angular’s $http.jsonp converts the request querystring parameter from callback=JSON_CALLBACK to callback=angular.callbacks._0.
  • When calling the youtube endpoint I needed to specify to the service that this is a JSONP request by using alt=json-in-script instead of alt=json in the querystring. This was found in their documentation.
  • Compare the results of this url to this one to see the difference between JSON and JSONP response in your browser.
  • Take a look at the Chrome Network Panel in Developer Tools to help compare and troubleshoot with your request/response.

I know this example is very specific but hopefully it helps!

More Related Contents:

  1. Why are AngularJS $http success/error methods deprecated? Removed from v1.6?
  2. Redirecting to a certain route based on condition
  3. What is the Angular equivalent to an AngularJS $watch?
  4. Inject service in app.config
  5. Why do we use $rootScope.$broadcast in AngularJS?
  6. AngularJS and its use of Dollar Variables
  7. Remove Blank option from Select Option with AngularJS
  8. ng-repeat filtering data by date range
  9. How to autocapitalize the first character in an input field in AngularJS?
  10. Angularjs simple file download causes router to redirect
  11. AngularJS: how to enable $locationProvider.html5Mode with deeplinking
  12. How to understand the `terminal` of directive?
  13. angularJS: How to call child scope function in parent scope
  14. Invoking modal window in AngularJS Bootstrap UI using JavaScript
  15. AngularJS custom form component / directive using ng-model
  16. How to set the dynamic controller for directives?
  17. How to extend or override existing filters in angularjs?
  18. Angularjs autocomplete from $http
  19. Using ng-if as a switch inside ng-repeat?
  20. Format telephone and credit card numbers in AngularJS
  21. Telling Angular Js to ignore a specific route
  22. AngularJS check if form is valid in controller
  23. Multiple Module in Angularjs
  24. Angular ng-click event delegation
  25. Dynamic content added with AngularJS click event not working on the added content
  26. Ui-Router $state.go inside $on(‘$stateChangeStart’) is cauzing an infinite loop
  27. AngularJS Service Passing Data Between Controllers
  28. AngularJS: Uncaught Error: [$injector:modulerr] Failed to instantiate module?
  29. AngularJS – Directives vs Controllers
  30. What is $$phase in AngularJS?

Leave a Comment