在Yii2中提交数据后，如何在Bootstrap Modal弹出窗口中显示返回的数据？

<?php
use yii\bootstrap\Modal;
use yii\widgets\ActiveForm;

Modal::begin([
    'header' => '<h4 class="modal-title">返回数据</h4>',
    'id' => 'modal',
    'size' => 'modal-lg',
]);

$form = ActiveForm::begin([
    'id' => 'data-form',
]);

// 添加表单字段

ActiveForm::end();

Modal::end();
?>

public function actionSubmitData()
{
    // 处理表单提交的数据

    // 返回的数据
    $responseData = [
        'name' => 'John Doe',
        'email' => 'johndoe@example.com',
    ];

    // 将返回的数据传递给视图文件
    return $this->renderAjax('_response_modal', [
        'responseData' => $responseData,
    ]);
}

<?php
use yii\widgets\DetailView;

echo DetailView::widget([
    'model' => $responseData,
    'attributes' => [
        'name',
        'email',
    ],
]);
?>

$(document).on('beforeSubmit', '#data-form', function(event) {
    var form = $(this);

    // 发送Ajax请求提交表单数据
    $.ajax({
        url: form.attr('action'),
        type: 'post',
        data: form.serialize(),
        success: function(response) {
            // 在Bootstrap Modal弹出窗口中显示返回的数据
            $('#modal .modal-body').html(response);
            $('#modal').modal('show');
        }
    });

    return false;
});