Javascript Main 函数在内部的子函数之前首先触发

Question

我有一个简单的对话框，在我的 MVC 项目上有一个保存和取消按钮。在保存按钮上，我需要触发一个函数，该函数将返回一个值，该值将用于我的 if 和 else 条件。

问题是即使我将功能放在我的保存按钮上，它也没有首先触发。这是我的代码：

 $("#divMain").dialog({
            modal: true,
            autoOpen: false,
            buttons: {
                "SAVE": function () {
                    var returnValue = fncApprove();
                    alert("Second");

                    //if and else condition here based on the returnValue variable 
                },
                "Cancel": function () {
                    $(this).dialog("close");
                }
            },
            close: function () {
            }
        });

关于我在 Save 对话框中调用的函数 fncApprove：

function fncApprove() {
        var objData = $('form').serialize();
        $.ajax({
            cache: false,
            url: '@Url.Action("Approve", "Main")',
            data: objData,
            type: 'POST',
            traditional: true,
            success: function (data) {
                alert("First");

            },
            error: function () {
            }
        });
    }

其输出是警报框“Second”首先出现，而不是“First”警报框。我是否需要在此处修改某些内容以使“First”首先出现？

Answer 1

让 fncApprove 返回回调，然后执行你的 if 和 else

function fncApprove(callback) {
    var objData = $('form').serialize();
    $.ajax({
        cache: false,
        url: '@Url.Action("Approve", "Main")',
        data: objData,
        type: 'POST',
        traditional: true,
        success: function (data) {
            alert("Success");
            callback(data);
        },
        error: function (error) {
           alert("Error");
           callback(error);
        }
    });
}



 $("#divMain").dialog({
        modal: true,
        autoOpen: false,
        buttons: {
            "SAVE": function () {
                fncApprove(function(returnVal) {
                      alert("CallBack");
                      //if and else condition
                });

            },
            "Cancel": function () {
                $(this).dialog("close");
            }
        },
        close: function () {
        }
    });