Yii2实现ActiveForm ajax提交

liujs 发布于2019-06-27 15:51 / 2009人阅读

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

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

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

云服务器 GPU云服务器 Ajax实现评论提交 ajax提交乱码 ajax提交文件 Ajax异步提交

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/22583.html

yii2 modal弹窗之ActiveForm ajax表单异步验证

摘要：顺便再叨唠一句，确实没啥好说了。后面若是有我再把话改回来。中，默认做了客户端验证，但是表单的提交，却不是无刷新的。也就是常常看到的表单提交后页面会刷新。关于我们做一个说明。作者：白狼出处：http://www.manks.top/yii2_modal_activeform_ajax.html 本文版权归作者，欢迎转载，但未经作者同意必须保留此段声明，且在文章页面明显位置给出原文连接...

youkede 2019-06-27 13:55 评论0 收藏0
Yii2 验证手机号、邮箱唯一性

摘要：好比注册功能模块，手机号邮箱注册这些，肯定是要验证其的唯一性的，重复了登录就会混乱。需求分析使用框架自带的在不刷新页面的情况下验证手机号邮箱唯一性。相关资料表单验证问题注册时验证手机号唯一序言验证唯一性很重要，说不上用得很普及，但是也必须要有。好比注册功能模块，手机号、邮箱注册这些，肯定是要验证其的唯一性的，重复了登录就会混乱。那么如何使用Yii2自带的targetClass验证唯...

spacewander 2019-08-14 15:46 评论0 收藏0
Yii2 验证手机号、邮箱唯一性

摘要：好比注册功能模块，手机号邮箱注册这些，肯定是要验证其的唯一性的，重复了登录就会混乱。需求分析使用框架自带的在不刷新页面的情况下验证手机号邮箱唯一性。相关资料表单验证问题注册时验证手机号唯一序言验证唯一性很重要，说不上用得很普及，但是也必须要有。好比注册功能模块，手机号、邮箱注册这些，肯定是要验证其的唯一性的，重复了登录就会混乱。那么如何使用Yii2自带的targetClass验证唯...

FuisonDesign 2019-06-27 13:47 评论0 收藏0
Yii2下的select2使用

摘要：新手，不擅长写，纯粹只是分享一下自己遇到的问题供大家参考一下这个插件，就是带搜索功能的下拉选择框效果如图使用前先确定自己的项目安装了，如果没有的话就用安装一下使用的时候先在头部引用插件如果表单是，可以使用下面代码是键值对数组，下面所声明的新手，不擅长写js，纯粹只是分享一下自己遇到的问题供大家参考一下 select2这个插件，就是带搜索功能的下拉选择框效果如图：showImg(ht...

Cristic 2019-06-28 13:40 评论0 收藏0