Yii2.0 模态弹出框+aja提交表单2

上一章 https://segmentfault.com/a/1190000005172345 介绍了模态框的的添加 弹出和models验证,本章对上一章做个补充。 代码如下:'.Yii::t('yii','Create Sales'), ['create','actionID'=>1] ,['class' => 'btn blue','data-toggle'=>'mod

上一章 https://segmentfault.com/a/1190000005172345 介绍了模态框的的添加 弹出和models验证,本章对上一章做个补充。
代码如下:

    '.Yii::t('yii','Create Sales'), ['create','actionID'=>1] ,['class' => 'btn blue','data-toggle'=>'modal','data-target'=>'# modal_ajax'])?>  

按钮效果图:

模态框代码:








             Loading... 




然后我们修改控制器中的create方法,把render改为renderAjax

模态框效果图:

表单添加id:

提交表单ajax代码:

controllers ajax验证代码:

models rules验证规则:

效果如下:

这样就实现了ajax提交表单。

如果想实现pjax 刷新 就需要在index 开启pjax:

添加代码:

function sales_pjax(){
    $.pjax.reload({container:'# dynagrid-1-pjax'});
}

在表单提交的时候调用:

这样整个ajax提交表单就完成了。

关键字:JavaScript, php, 表单, ajax