表单提交前onclick使用reuturn时，ajax请求同步异步的一点注意事项

因为会经常用到ajax提交请求判断一些信息，比如，用户账号名是否存在等等，但如果是在提交表单数据按钮的onclick时，用return check()来跳转去最后验证一下表单数据是否为空等等。需要注意一些问题。

当进行ajax请求时，如果success回调得到的结果是错误的，使用return false是没有办法返回check()函数false结果的，因为你在回调函数里，只是返回在里层的函数。于是会发现表单照样提交。比如：

function check(){
    $name = $("#name").val();
    $.post("check.php",{name:name},function(data){
        data = JSON.parse(data);
        if(data.code != 200){
            return false;
        }
    });
}

上面的代码return false只是跳出ajax请求函数而已，并没有给check函数任何返回。

于是会想到使用临时标记变量去判断识别：例如

function check(){
    $name = $("#name").val();
    $flag = 0;
    $.post("check.php",{name:name},function(data){
        data = JSON.parse(data);
        if(data.code != 200){
            return false;
        }else{
            flag = 1;
            return true;
        }
    });

    if(flag === 0){
        return false;
    }
    return true;
}

可是这样再试，你会发现表单是不进行提交了，但是你回调数据判断正确时，你却怎么也提交不了表单！这时可以在flag判断前打印flag的值console.log(flag),发现flag=0，而不是1。

然后你仔细观察会发现在命令行里，flag的值的打印时间比ajax请求完成时间更早，这是因为 $.get/post函数默认使用的是异步通信。当请求时，会相别于主线程，再开始一个线程用于ajax请求，两个线程同时进行。

因此在这种情况下，你需要使用同步通信，只能使用$.ajax函数进行ajax请求

$.ajax({
    url: "check.php",
    type: "POST",
    async: false,    //同步请求
    data: {name:name},
    success: function(data){
       data = JSON.parse(data);
        if(data.code != 200){
            return false;
        }else{
            flag = 1;
            return true;
        }
    }
});