Load data from ajax request (json) on startup in AngularJs

Question

I have this simple page that just needs to show contents that is loaded from an external url (ajax request, response in json format)

I should say I'm a AngularJS newbie.

I've googled a bunch and found different ways of doing this and couldn't manage to determine which is the correct/simple/up-to-date way to achieve this.

My 2 challenges -

Making the AJAX request run on startup (I can load the page before that happens and just load the contents one the ajax request finishes. Maybe show a 'Loading..' indicator)
Doing a ajax request correctly.

Here is my attempt. I know that the ajax request is never made because its not setup correctly.

Rahul garg · Accepted Answer · 2013-12-31 07:33:53Z

1

You are getting into .error function: http://jsbin.com/oDUsuVA/3/edit

For jsonp your response should be something like:

callback([
{
    "title":"License Title 1",
    "licenseUrl":"http://cnn.com",
    "licenseText": " test"
}]);

Edit: You can simply do .get() request too, but if you had to use jsonp request interface, you would have to correct response.

A Jsonp request always wraps the logic into a json callback wrapper function.

answered Dec 31, 2013 at 7:33

Rahul garg

9,3925 gold badges37 silver badges67 bronze badges

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

Comments

Jayram · Accepted Answer · 2013-12-31 07:29:50Z

0

I just did $http.get instead of your $http.jsonp and it did work for me.

answered Dec 31, 2013 at 7:29

Jayram

19.6k6 gold badges54 silver badges72 bronze badges

1 Comment

Ben Over a year ago

As simple as that... Thanks

Collectives™ on Stack Overflow

Load data from ajax request (json) on startup in AngularJs

2 Answers 2

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related