Yii2实现ActiveForm ajax提交

框架(架构)  /  管理员 发布于 7年前   181

做项目时总会碰到ajax提交的功能，特别是在做后台提交时，一般都会用模型自动生成，这个功能的使用会比较频繁，其实只要了解了流程，操作还是挺简单的，使用起来也方便。

表单部分

 ['save'], //提交地址(*可省略*)   'method'=>'post',  //提交方法(*可省略默认POST*)   'id' => 'form-save', //设置ID属性   'options' => [     'class' => 'form-horizontal', //设置class属性   ],   'enableAjaxValidation' => true,   'validationUrl' => 'validate-view', ]); ?>  field($model,'company_name', ['inputOptions' => ['placeholder'=>'请输入商家名称','class' => 'form-control'], 'template'=>'* 商家名称
{input}{error}'])->textInput()?>  'btn btn-primary']); ?>   

其中：'enableAjaxValidation' => true, 必须设置，告诉表单用ajax提交

控制器（controller）部分

控制器分两部分，一部分是效验表单的正确性，另外一部分是保存

1、效验部分

public function actionValidateView() {   $model = new model();   $request = \Yii::$app->getRequest();   if ($request->isPost && $model->load($request->post())) {     \Yii::$app->response->format = Response::FORMAT_JSON;     return ActiveForm::validate($model);   } } 

2、保存部分

public function actionSave() {   \Yii::$app->response->format = Response::FORMAT_JSON;   $params = Yii::$app->request->post();   $model = $this->findModel($params[id]);    if (Yii::$app->request->isPost && $model->load($params)) {     return ['success' => $model->save()];   }   else{     return ['code'=>'error'];   } } 

Ajax提交from表单

$(function(){ $(document).on('beforeSubmit', 'form#form-save', function () {     var form = $(this);     //返回错误的表单信息     if (form.find('.has-error').length)     {       return false;     }     //表单提交     $.ajax({       url  : form.attr('action'),       type  : 'post',       data  : form.serialize(),       success: function (response){         if(response.success){           alert('保存成功');           window.location.reload();         }       },       error : function (){         alert('系统错误');         return false;       }     });     return false;   }); }); 

特别注意本人用的是Yii2 adminlte框架后台，具体操作过程试项目而定，基本操作过程都一样。

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。

您可能感兴趣的文章:

• yii2 modal弹窗之ActiveForm ajax表单异步验证
• Yii2创建表单(ActiveForm)方法详解
• YII2.0之Activeform表单组件用法实例