Yii2 modal中 ajax提交表单

Posted 传VV说

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Yii2 modal中 ajax提交表单相关的知识,希望对你有一定的参考价值。

view:

// view 代码
$form = ActiveForm::begin([‘id‘ => $model->formName()]);

// js 代码
$js = <<<JS
$(‘form#{$model->formName()}‘).on(‘beforeSubmit‘, function(e) {
    $.ajax({
        url: $(this).attr(‘action‘),
        type: ‘post‘,
        data: $(this).serialize(),
        success: function (data) {
            if(data) {
                $("#detail").modal(‘toggle‘);
                location.reload();
            }
        }
    });
}).on(‘submit‘, function(e){
    e.preventDefault();
});
JS;
$this->registerJs($js);

 

controller:

// 主要是这句

return $this->renderAjax(‘/from‘, [‘model‘ => $model]);

 

这里面我只是把最重要的部分记录了下来,其他的需要自己去思考。

 

针对这个,我最后的做法是太复杂了,直接在modal里面放个iframe来处理,当然也会遇到其他问题。

以上是关于Yii2 modal中 ajax提交表单的主要内容,如果未能解决你的问题,请参考以下文章

在 Bootstrap Modal 中使用 django 清晰表单的 AJAX 反馈表单

yii2 表单提交一直报错 或者页面脚本写ajax,用firbug调试总是找不到地址页面404

使用 Yii 2 提交两次 Ajax 表单

通过 Yii2 中的链接使用 AJAX 提交时的 CSRF 问题

Yii2 - ActiveForm ajax 提交

仅 Ajax 在 WordPress 中处理 Bootstrap Modal 的第一个元素