I have this code below, which is supposed to return the result of the call. I need to do this synchronously so that I know everything is good, however it doesn\'t seem to work.
$.getJSON is a shorthand for $.ajax
.
This is a shorthand Ajax function, which is equivalent to:
$.ajax({ dataType: "json", url: url, data: data, success: success });
You'll notice that there is no option for passing through an async option. The parameter you are attempting to add async: false
to is actually the data that will be sent to the url
with the ajax request.
Try doing this instead:
$.ajax({
dataType: "json",
url: url,
async: false,
data: data,
success: success
});
Also, your statement
I need to do this synchronously so that I know everything is good
is incorrect. You can 'know everything is good' from the asynchronous callback. Your sample code would do what you are trying to do above exactly if you wrote it like this:
function getJSON(url){
var result;
$.getJSON(url, function(data) {
alert(data);
// do other stuff with data, call other methods etc. etc.
});
}
You could even define your callback function separately and pass it to $.getJSON
, like so:
function jsonCallback(data) {
alert(data);
// do other stuff with data, call other methods etc. etc.
}
function getJSON(url){
var result;
$.getJSON(url, jsonCallback);
}
$.getJSON()
does not support async: false
and there is no way to even pass that option to $.getJSON()
(look at the arguments in the jQuery doc).
Internally, $.getJSON()
uses $.ajax()
and if you look at the doc page for $.ajax()
, it tells you right there that if the ajax request is cross domain and it's for JSONP, it does not support async: false
.
The reason for this is that a cross domain JSON request is implemented with JSONP which by definition a dynamically inserted <script>
tag which can only be asynchronous. It cannot be synchronous.
You will need to code your request to be asynchronous if it is cross domain or use $.ajax()
directly if it is not cross domain.
I just insert this code before getJSON:
$.ajaxSetup({
async: false
});
Original answer: Is it possible to set async:false to $.getJSON call
getJSON does not honor async:false
getJSON has no async: false
option. You'd have to use ajax for that.
According to the documentation, getJSON
is equivalent to:
$.ajax({
dataType: "json",
url: url,
data: data,
success: success
});
...to which you can easily add an async: false
option (for now, be forewarned that jQuery will be dropping support for that).
I need to do this synchronously so that I know everything is good
You don't need to do anything synchronously to "know everything is good", it's perfectly possible (and normal) to handle results (whether "good" or errors) asynchronously.
In the comments on your question, you've written:
jsonp? This is the code I am using.
JSON-P is not the same as JSON (and getJSON
doesn't do JSON-P unless you have callback=?
or similar in the URL), and JSON-P is inherently asynchronous. Unlike a true ajax call via XMLHttpRequest
, it's impossible to make JSON-P synchronous.