微客导航 » 文章资讯 » Yii2实现ActiveForm ajax提交

Yii2实现ActiveForm ajax提交

2024-02-21 23:08:03 139

做项目时总会碰到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()?> 'btnbtn-primary']);?>

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

控制器（controller）部分

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

1、效验部分

publicfunctionactionValidateView()
{
$model=newmodel();
$request=\Yii::$app->getRequest();
if($request->isPost&&$model->load($request->post())){
\Yii::$app->response->format=Response::FORMAT_JSON;
returnActiveForm::validate($model);
}
}

2、保存部分

publicfunctionactionSave()
{
\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(){
varform=$(this);
//返回错误的表单信息
if(form.find('.has-error').length)
{
returnfalse;
}
//表单提交
$.ajax({
url:form.attr('action'),
type:'post',
data:form.serialize(),
success:function(response){
if(response.success){
alert('保存成功');
window.location.reload();
}
},
error:function(){
alert('系统错误');
returnfalse;
}
});
returnfalse;
});
});

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

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

返回顶部
3162201930
czq8825@qq.com

Yii2实现ActiveForm ajax提交

热门推荐

随机推荐