jquery function skips get

Question

Here is my code:

 initHomeFeed: function(options) {
  $.get('/feed_items', {}, function(data) {
      console.log("Y U NO COME HERE")
      console.log("hello");
      Feed.feed_items_html = data.feed_items_html_array;
      Feed.pseudo_feed_items_html = data.pseudo_feed_items_html_array
      console.log(ordered_arr);
    }, "json");

  console.log("makehtml was called by inithomefeed")
  Feed.makeHomeHTML();

"makehtml was called by inithomefeed" is printed to the console, and so are the console logs inside the makeHomeHTML function. However, none of the console logs inside the get function have been displayed. How can I make it so it doesnt skip the get function?

are you getting a successful response from the ajax request? — dave, Jun 07 '13 at 20:35

Justin Bicknell · Answer 1 · 2013-06-07T20:45:52.683

It's not skipping the get function. The get function is async, so the callback isn't executed until the response is received by the client. The console log's would be printed out if there aren't any issues with the request.

If you are not sure why or if the request is successful, you could inspect the network tab in chrome's developer tools, or some sort of http proxy tool like fiddler to see what the error is.

score 0 · Answer 2 · edited May 23 '17 at 12:22

0

If you still want to execute the code

console.log("makehtml was call

after the server call, you can use jQuery ajax with async set to false.

Follow example at How can I get jQuery to perform a synchronous, rather than asynchronous, Ajax request?

But this comes with its own disadvantages.

edited May 23 '17 at 12:22

Community

1
1

answered Jun 07 '13 at 20:41

Swadeesh

576
1
4
23

jquery function skips get

2 Answers2