Yii2.0 ActiveForm怎么ajax提交表单

Yii2.0 ActiveForm怎么ajax提交表单,第1张

方法如下:

$.ajax({

cache: true,

type: "POST",

url:ajaxCallUrl,

data:$('#yourformid').serialize(),// 你的formid

async: false,

error: function(request) {

alert("Connection error")

},

success: function(data) {

$("#commonLayout_appcreshi").parent().html(data)

}

})

转载,仅供参考。

yii2封装了ajax + pushstate,在Pjax类中,直接使用就行。

Pjax::begin()

中间为你的ActiveForm

Pjax::end()

这样不仅仅是ajax提交form,url还会刷新,比实现ajax要好得些。具体代码参考如下:

//view的代码

<?php $form = ActiveForm::begin([

        'action' => ['/admin/admin/adminadd'],

        'id' => 'login-form',

        'options' => ['class' => 'form-horizontal'],

        'fieldConfig' => [

                'template' => "

\n<div class=\"col-lg-5\">{input}</div>\n<div class=\"col-lg-5\">{error}</div>",

                'labelOptions' => ['class' => 'col-lg-2 control-label'],

        ],   

    ]) ?>

        

        <?= $form->field($Admin, 'username')?>

        <?= $form->field($Admin, 'password')->passwordInput()?>

        <?= Html::submitButton('添加',['class' => 'btn btn-success']) ?>

    <?php ActiveForm::end() ?>

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

其中:’enableAjaxValidation’ =>true, 必须设置,告诉表单

用ajax提交

控制器分两部分,一部分是效验

表单的正确性,另外一部分是保存

一、效验部分

二、保存部分

特别注意本人用的是Yii2 adminlte框架后台,具体 *** 作过程视项目而定,基本 *** 作过程都一样。

欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/sjk/10705404.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-10
下一篇 2023-05-10

发表评论
请登录后评论...
登录
后才能评论 提交

评论列表(0条)
保存
{label}