Question

I am looking for a way to make an AJAX load request in javascript, but have the javascript code pause execution while waiting for the AJAX load to complete. In other words, I am trying to do a synchronous AJAX load request (I know the ‘A’ in AJAX stands for asynchronous. I’m just hoping maybe the name isn’t exactly right.) . What I have is

$('#my_id').load("my_page.pl?my_param=p1&my_other_param=p2");
//Please wait here
//Now do stuff after load is complete.

The reason I want the request to be synchronous is because it creates an HTML table, and then the javascript which follows parses the table.

Answer 1

jQuery’s ‘load()’ method takes a callback. Callbacks are generally how async code handles the “waiting” feature you want.

$("#my_id").load("my_page.pl?my_param=p1&my_other_param=p2", function (response) {
    // do this stuff, which will run after the request is complete
});