AngularJs and jsonp not working

Question

I have some problems with jsonp and AngularJs

I one page, i have to make about 15 json calls, each one by jsonp

My calls look like this :

$http.jsonp("http://www.example.com/feed1.json?callback=JSON_CALLBACK1")

And in my json feed, the data is wrapped by JSON_CALLBACK1

But i always obtain this error :

Uncaught ReferenceError: JSON_CALLBACK1 is not defined

Now i noticed in the network tab in the Google Chrome inspector that the call was :

http://www.example.com/feed1.json?callback=angular.callbacks._0

So i changed my json file, to wrap data with angular.callbacks._0(); instead, and it worked for this one, but it did not work for all my json

I started wraping all my jsons with angular.callbacks._1, angular.callbacks._2, angular.callbacks._3 ... byt i noticed that the number isn't always the same ? and if the number is a two digits, it doesn't work. For example, i tryed angular.callbacks._15, and i always obtain this error

Uncaught ReferenceError: angular.callbacks._15 is not defined

So is there a way to fix all those jsonp problems once for all with AngularJs ?

Thanks

miensol · Accepted Answer · 2015-04-27 20:34:01Z

1

The callback=angular.callbacks._123 parameter is an information for the server that the client (browser) expects the response to be wrapped inside a function named angular.callbacks._123 like so:

angular.callbacks._123({
 "key": "value"
});

You should change your server code to inspect the parameter value and if present use it as the wrapping function name.

You can find more details in wikipedia.

answered Apr 27, 2015 at 20:34

miensol

41.9k9 gold badges127 silver badges116 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

AngularJs and jsonp not working

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related