使用 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)
    });

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

使用 yii2 表单等待 ajax 响应

Wait for ajax response using a yii2 form

javascript

php

ajax

jquery

yii2