Question

I have a piece of jQuery code:

var newData = checkCP(somedata);
if(newData=="hi"){
    alert("Welcom");
}

 function checkCP(jsData){

    $.ajax({
        type: "POST",
        url: "Process.php",
        data: jsData,
        dataType: "json",
        success: function(data){
            if(data.match==1)
                return "hi";    
            else
                return "bye";
        }
    });
}

I don’t know why the welcome alert never shows up. I checked everything; the PHP file returns 1, but apparently before it waits on the AJAX response it passes the

if(new=="hi"){
    alert("Welcom");
}

Is there any way to wait for the AJAX response, then read the rest of codes in jQuery?

Answer 1

Yes, you can set the ‘async’ option in $.ajax() to false.

$.ajax({
            type: "POST",
            async: false,
            url: "Process.php",
            data: jsData,
            dataType: "json",
            success: function(data){
                if(data.match==1)
              return "hi";  
            else
              return "bye";
            }