Ajax success: {return false;}

Question

I want to return false from $.ajax when success completed:

 $.ajax({ url: '' + $website_url + 'queries/voorraad_berekenen.php', type: 'post', data: { aantal: $(this).parent('form').children('.quantity').val(), item_number_1: $(this).parent('form').children('.item_number_1').val() }, success: function(result) { return false; } }); 

This does not work. Is there any work around?

Answer 1

From your post, I assume that you are calling a function that contains $.ajax() , and try to return false to that function. but you cannot do this because AJAX is asynchronous.

It is better to call a function from the ajax success function, for example:

 $.ajax({ url: '' + $website_url + 'queries/voorraad_berekenen.php', type: 'post', data: { aantal: $(this).parent('form').children('.quantity').val(), item_number_1: $(this).parent('form').children('.item_number_1').val() }, success: function(result) { var returned = true; if(some_condition_not_satisfied) { returned = false; } else { } // call a function calledFromAjaxSuccess(returned); } }); function calledFromAjaxSuccess(result) { if(result) { alert('TRUE'); } else { alert('FALSE'); } } 

Answer 2

Perhaps you could try something like this (values ​​1 and 0 should be changed to the ones you use):

 success: function(result){ if(result === '1'){ // do something } else return false; } 

Answer 3

just use asunc false, it can work fine, I implemented only this

just try

 $.ajax({ url: '' + $website_url + 'queries/voorraad_berekenen.php', type: 'post', data: { aantal: $(this).parent('form').children('.quantity').val(), item_number_1: $(this).parent('form').children('.item_number_1').val() }, async: false, //=>>>>>>>>>>> here >>>>>>>>>>> success: function(result) { return false; } }); 

it works fine, try once

Answer 4

I am facing this problem. then i found the actual solution. use async: false, inside ajax call

 function thisisavailavailusername(uname){ var dataString = 'username='+ uname.value; var trueorfalse = false; $.ajax({ type: "post", url: "/BloodBook/checkavailableusername", data: dataString, cache: false, async : false, //user this then everything ok success: function(html){ if(html=="true"){ $('#validusername').html('Available'); trueorfalse = true; }else{ $('#validusername').html('Not Available'); trueorfalse = false; } }, error: function() { alert("Something Wrong..."); } }); return trueorfalse; 

}