Yii2實現ActiveForm ajax提交

liujs 發布于2019-06-27 15:51 / 2010人閱讀

摘要：做項目時總會碰到提交的功能，特別是在做后臺提交時，一般都會用模型自動生成，這個功能的使用會比較頻繁，其實只要了解了流程，操作還是挺簡單的，使用起來也方便。

作者：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異步提交

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/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