Call JS Function (and pass arguments) ASYNC in JQuery

Question

I have the following code where I get an xml file, and convert it into JSON:

showLoading();
$.get(data_file_path, {}, function(content, textStatus, jqXHR){
        data_object = jqXHR;
        jsonObject = xml2json.parser(data_object.responseText);         
        hideLoading();
    });

Where data_file_path is a .xml file. With this current code, the Loading .gif is not spinning because the xml2json.parser() call is not being doing asynchronously. This is simply a JavaScript Function. Nothing more, nothing less. How can I make this call ALSO Async so that the Loading .gif keeps spinning and then hides normally when the jsonObject is parsed?!

"With this current code, the Loading .gif is not spinning because the xml2json.parser() call is not being doing asynchronously" --- why do you think so? Your code looks fine and should work — zerkms
– zerkms, Commented May 24, 2012 at 2:04
@zerkms I think what he wants some kind of background threading to run the long working parser call on. — asawyer
– asawyer, Commented May 24, 2012 at 2:05
The gif appears... but is not making the circle motion. It is "frozen" while the xml2json.parser(data_object.responseText); function is being called... — abisson
– abisson, Commented May 24, 2012 at 2:12
@zerkms the browser doesn't get a chance to animate the .gif because it's too busy with the xml2json — Ja͢ck
– Ja͢ck, Commented May 24, 2012 at 2:14
@Jack should have the correct answer - if the image is showing (ie, showLoading() executed) and hideLoading() isn't executed until the callback function passed to $.get() is completed, then the browser is just busy with the code in the callback. There is nothing you can do to set the amount of CPU the browser will dedicate to running the callback; your only option is to optimize the code being executed. If you can provide JSON rather than XML, you can use jQuery.getJSON() instead... — Eli Sand
– Eli Sand, Commented May 24, 2012 at 2:20

Niet the Dark Absol · Accepted Answer · 2012-05-24 02:05:02Z

1

The only reason AJAX is asynchronous in the first place is because you don't have to be running code constantly while the data is being fetched from the server, the script can just say "okay, when it's done, do this".

However, xml2json.parser is a JS script. It is constantly running code until it's done, so it cannot redraw.

The only way around this is to manually program your own version of it in order to have it load piece by piece on a timer.

answered May 24, 2012 at 2:05

Niet the Dark Absol

326k86 gold badges480 silver badges604 bronze badges

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

1 Comment

Eli Sand Over a year ago

The xml2json.parser function, I assume, is simply converting the XML to JSON - there is no AJAX involved at all and is not the reason for the call being synchronous (which it isn't/shouldn't be - jQuery.get() is by default asynchronous).

Collectives™ on Stack Overflow

Call JS Function (and pass arguments) ASYNC in JQuery

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