zoukankan      html  css  js  c++  java
  • Yii2 ActiveForm组件的ajax提交

    ActiveForm如何异步提交?

    1.首先在views层的ActiveForm中配置以下属性

    $form = ActiveForm::begin([
        'action' => Url::to(['post/save']),           //此处为请求地址 Url用法查看手册
        'enableAjaxValidation' => true,
            'validationUrl' => Url::to(['post/validate']),     //数据异步校验
    ]);

    2.配置好表单属性之后,在控制器中添加对应的方法

    validateUrl对应的方法

    //该方法是异步校验字段,输入框失去焦点之后自动会自动请求改地址
    public function actionValidate(){
        $model = new PostModel();
        if (Yii::$app->request->isAjax && $model->load(Yii::$app->request->post())) {        
            Yii::$app->response->format = Response::FORMAT_JSON;        
            return ActiveForm::validate($model);
        }
    }

    action对应的方法

    //该方法是数据保存方法
    public function actionSave()
    {
        $model = new PostCatModel();
        if ($model->load(Yii::$app->request->post())) {
            Yii::$app->response->format = Response::FORMAT_JSON;
            return ['status' => $model->save()];
        }        
    }

    除此之外,还要写一段提交的js

    //此处点击按钮提交数据的jquery
    $('.btn').click(function () {
    $.ajax({
            url: "/post/save.html",
            type: "POST",
            dataType: "json",
            data: $('form').serialize(),
            success: function(Data) {
                if(Data.status)
                    alert('保存成功');
              else
                alert('保存失败')
            },
            error: function() {
                alert('网络错误!');
            }
        });
        return false;
    });

    注:actionSave中对应的命名空间要加上,否则会报错

    比如 Response 和 ActiveForm 

    use yiiwebResponse;
    use yiiootstrapActiveForm;

    上面就是ActiveForm对应的异步提交方法

  • 相关阅读:
    HDU 5569 matrix
    HDU 2795 Billboard
    HDU 1394 Minimum Inversion Number
    HDU 1754 I Hate It
    HDU 1166 敌兵布阵
    FOJ 2206 函数求解
    hihoCoder 1252 Kejin Game
    hihoCoder 1257 Snake Carpet(很简单的构造方法)
    2015 ACM / ICPC 亚洲区域赛总结(长春站&北京站)
    HDU 2485 Destroying the bus stations
  • 原文地址:https://www.cnblogs.com/llxpbbs/p/9891225.html
Copyright © 2011-2022 走看看