ajax异步请求出现的问题

版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/cc_whale/article/details/79558738

// 自己想的是输完身份证号码调blur事件，执行ajax请求，但是由于ajax请求是异步的。还没等ajax请求结束，psptVerify的值还没被改为true，就调用了canContinue或者cantContinue的判断。导致首次blur的时候就算校验通过提交按钮也不变色。修改方式，把ajax异步请求强制改为同步。
    $("#cardIdShow").blur(function () {
        var psptId = getNum($.trim($("#cardIdShow").val()));
        if (psptId.length == 0) {
            layer.open({
                content: '请填写身份证号</br>请重新输入',
                btn: '我知道了'
            });
        }
        if (psptId.length == 18) {
            // 实名制校验 一证五号校验
            $.ajax({
                url: ctx + "/goodsBuy/realityVerifyV2",
                type: "post",
                data: {
                    "orderDetailSim.psptId": psptId,
                    "orderDetailSim.regName": $("#name").val()
                },
                dataType: "json",
                success: function (data) {
                    if (data.resultCode == "fail") {
                        layer.open({
                            content: '实名制或一证五号校验未通过</br>请重新输入',
                            btn: '我知道了'
                        });
                        psptVerify = false;
                    } else {
                        checkDuplicatePreOrder(psptId);
                    }
                },
                error: function (data) {
                    layer.open({
                        content: '实名制或一证五号校验未通过</br>请重新输入',
                        btn: '我知道了'
                    });
                    psptVerify = false;
                }
            });
        }
        if (psptVerify) {
           canContinue();
        } else {
           cantContinue();
        }
    });