Yii2实现ActiveForm ajax提交

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

　　表单部分

　　 <?php $form = ActiveForm::begin([ action => [save], //提交地址(*可省略*) method=>post, //提交方法(*可省略默认POST*) id => form-save, //设置ID属性 options => [ class => form-horizontal, //设置class属性 ], enableAjaxValidation => true, validationUrl => validate-view, ]); ?> <?php echo $form->field($model,company_name, [inputOptions => [placeholder=>请输入商家名称,class => form-control], template=><label for=inputCompanyName class=col-sm-1 control-label><span class=text-red>*</span> 商家名称</label><div class=col-md-8>{input}</div><label class=col-sm-3 for=inputError>{error}</label>])->textInput()?> <?=Html::submitButton(保存,[class=>btn btn-primary]); ?> <?php ActiveForm::end(); ?>

　　其中：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框架后台，具体操作过程试项目而定，基本操作过程都一样。

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