How to make a jsonp request

by

I have decided to give a detailed description of how to do a jsonp request so others will not run into the same troubles as I did. 

myApp.factory('users', function($http) {
       return {
         getUsers: function() {
           var deferred = $q.defer();
           var url = "http://localhost/api/api/index.php/analytics/UsersPerCube?callback=JSON_CALLBACK";
         $http.get(url).success(function (data, status, headers, config) {
                console.log(data);
                deferred.resolve(data);
            }).error(function (data, status, headers, config) {
                //this always gets called
                console.log(status);
                deferred.reject(status);
            });
            return deferred.promise;

     }

Notice that the url contains ?callback=JSON_CALLBACK. Here is a nice stackoverflow on that. Once you get the response then you’ll receive a json like the one below. 

"angular.callbacks._1( {"cube":"1","points":"160"},{"cube":"2","points":"690"},{"cube":"3","points":"331"})"

Here is a nice stackoverflow on that subject

Now the one part that got me is that the server has to return the GET param, callback. Here is a good tutorial for that. http://niryariv.wordpress.com/2009/05/05/jsonp-quickly/ So the json looks like the one above.

Well, I hope this helps someone in the future.

More Related Contents:

  1. How Can i Change the style of my angularjs object?
  2. authentification with angular js
  3. SyntaxError: Unexpected token o in JSON at position 1
  4. What is the $$hashKey added to my JSON.stringify result
  5. multiple, sequential fetch() Promise
  6. Angular – Can’t make ng-repeat orderBy work
  7. ngRepeat Filter by deep property
  8. Not a Legal JSONP API — How to get data without CALLBACK parameter
  9. how to change the headers for angularjs $http.jsonp
  10. Angular $http is sending OPTIONS instead of PUT/POST
  11. deserialize Jackson object in JavaScript containing JsonIdentityInfo
  12. Rename Object Key in an array using javascript
  13. Load static JSON file in Webpack
  14. Convert JSON to array in Javascript
  15. How to use JSON from instagram API?
  16. Traverse all the Nodes of a JSON Object Tree with JavaScript
  17. Clicking a button within a form causes page refresh
  18. How to dynamically change header based on AngularJS partial view?
  19. Request header field Access-Control-Allow-Headers is not allowed by Access-Control-Allow-Headers
  20. Parsing JSON giving “unexpected token o” error [duplicate]
  21. How to get object length [duplicate]
  22. How to filter JSON Data in JavaScript or jQuery?
  23. Using Jquery Datatable with AngularJs
  24. How to convert the following table to JSON with javascript?
  25. What’s the difference/incompatibility between ng-model and ng-value?
  26. Make XmlHttpRequest POST using JSON [duplicate]
  27. JSON Parse File Path
  28. JSON to string variable dump
  29. Validate phone number using angular js
  30. How is AngularJS different from jQuery

Leave a Comment