等待使用yii2表單的ajax響應

Question

我正在實現一個表單，該表單請求使用ajax的進程同步2個數據庫，因此我需要等到該進程完成。

在我的表單中，我有下面的代碼發送數據庫憑證：

<div class="col-lg-offset-1 col-lg-11">
<?=
Html::a('Sync Databases', ['runsync'], [
    'class' => 'btn btn-primary',
    'id' => 'ajax_link_02',
    'data-on-done' => 'linkFormDone',
    'data-form-id' => 'syncdb_form',]
)
?>        

而且我還用ajax注冊了js

function handleAjaxLink(e) {
    e.preventDefault();
    var
        $link = $(e.target),
        callUrl = $link.attr('href'),
        formId = $link.data('formId'),
        onDone = $link.data('onDone'),
        onFail = $link.data('onFail'),
        onAlways = $link.data('onAlways'),
        ajaxRequest;

        $("#show_msg").html("Loading.... please wait...");

        ajaxRequest = $.ajax({
        type: "post",
        dataType: 'json',
        url: callUrl,
        data: (typeof formId === "string" ? $('#' + formId).serializeArray() : null)
    });

    // Assign done handler
    if (typeof onDone === "string" && ajaxCallbacks.hasOwnProperty(onDone)) {
        ajaxRequest.done(ajaxCallbacks[onDone]);
    }

    // Assign fail handler
    if (typeof onFail === "string" && ajaxCallbacks.hasOwnProperty(onFail)) {
        ajaxRequest.fail(ajaxCallbacks[onFail]);
    }

    // Assign always handler
    if (typeof onAlways === "string" && ajaxCallbacks.hasOwnProperty(onAlways)) {
            ajaxRequest.always(ajaxCallbacks[onAlways]);
        }

    }

var ajaxCallbacks = {
        'linkFormDone': function (response) {
            $('#show_msg').html(response.body);
        }

    }

ajax調用工作正常並調用控制器：

public function actionRunsync() {
    if (Yii::$app->request->isAjax) {
        \Yii::$app->response->format = \yii\web\Response::FORMAT_JSON;
        $model = new \app\modules\admin\models\syncdb();
        $response = $model->runSyncDb($_POST);
        $res = array(
            'body' => $response,
            'success' => true,
        );

        return $res;
    }
}

但不是在等待過程

$model->runSyncDb($_POST)

完成。 如果我對過程進行注釋並添加文本，則可以正常工作，但是如果過程花費很長時間，則無法正常工作。

我究竟做錯了什么？

Answer 1

我只是在ajax請求中添加了async false：

                async: false,

所以現在的ajax是這樣的：

    ajaxRequest = $.ajax({
      type: "post",
      async: false,
      dataType: 'json',
      url: callUrl,
      data: (typeof formId === "string" ? $('#' + formId).serializeArray() : null)
    });

不確定最好的方法，但是效果很好...