load JSONP with AngularJS

Question

I try to load a JSONP File with AngularJS. This is my code:

var urlCal = 'http://www.google.com/calendar/feeds/[email protected]/public/full';
var allParams = {
    "alt" : "json-in-script",
    "orderby" : "starttime",
    "max-results" : "15",
    "singleevents" : "true",
    "sortorder" : "ascending",
    "futureevents" : "true" 
}
$http.jsonp(urlCal + "?callback=bla", {params: allParams})
.success(function(data){
    console.log(data);
});

but when I run this in the brouwser it sows me this error: "Uncaught ReferenceError: bla is not defined "

I think the problem is that the json file starts with "// API callback" but I am not sure.

Can somebody help me?

try using callback=JSON_CALLBACK

charlietfl
– charlietfl

2014-07-21 15:35:40 +00:00
Commented Jul 21, 2014 at 15:35 — charlietfl
– charlietfl, Commented Jul 21, 2014 at 15:35

Explosion Pills · Accepted Answer · 2014-07-21 15:35:31Z

2

Per Angular's $http.jsonp documentation, you need to use JSON_CALLBACK rather than a named callback:

"?callback=JSON_CALLBACK"

Angular will create the callback function name automatically. Otherwise you would have to define bla.

answered Jul 21, 2014 at 15:35

Explosion Pills

192k56 gold badges341 silver badges417 bronze badges

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

1 Comment

runTarm Over a year ago

The documentation is very unclear. I've to read angular source code to confirm the behavior :(

Collectives™ on Stack Overflow

load JSONP with AngularJS

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related