jQuery ajax call synchronous vs asynchronous?

Question

I have this code with an ajax call.

var value = 0;
$.ajax({
url: 'http://localhost:3000',
dataType: "json",
type: 'POST',
data: formdata,
success: function(data, textStatus, jqXHR) {
    value = data.data;
    console.log("Inside: " + value);

},
error: function(jqXHR, textStatus, errorThrown) {
    console.log("Error received");
}
});
console.log("Outside: " + value);

Executing, gives me

Outside: 0
Inside: 100

Is there anyway to make it run sequentially?

Just put your console.log("Outside: "+value) code inside the success callback, after the "Inside" thing? — Bergi
– Bergi, Commented Aug 21, 2015 at 9:56

ralh · Accepted Answer · 2015-08-21 07:39:45Z

2

From what I understand, your question has nothing to do with Express or EJS. You want synchronous ajax in the browser, which is certainly possible. If you're using jQuery, you need to set the async property to false, as per this documentation:

http://api.jquery.com/jquery.ajax/

It is, however, not recommended to do that, as explained there.

edited Aug 21, 2015 at 7:39

answered Aug 21, 2015 at 7:30

ralh

2,5941 gold badge16 silver badges19 bronze badges

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

Collectives™ on Stack Overflow

jQuery ajax call synchronous vs asynchronous?

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related