作者：PHP学习网 出处： 本文版权归作者，欢迎转载，但未经作者同意必须保留此段声明，且在文章页面明显位置给出原文连接，否则保留追究法律责任的权利。

做项目时总会碰到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）部分

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

一、效验部分

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);      }  }

二、保存部分

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