Yii2 implémente la soumission ajax ActiveForm-tutoriel php-php.cn

Yii2 implémente la soumission ajax ActiveForm

不言

Libérer： 2023-03-25 10:04:02

original

1712 Les gens l'ont consulté

Cet article principalement Cet article présente en détail les informations pertinentes de Yii2 pour implémenter la soumission ajax ActiveForm, qui a une certaine valeur de référence. Les amis intéressés peuvent se référer à

Lorsque vous réalisez des projets, vous rencontrerez toujours la fonction de soumission ajax, en particulier dans Lors de la réalisation. soumission en arrière-plan, le modèle est généralement généré automatiquement. Cette fonction est utilisée plus fréquemment. En fait, tant que vous comprenez le processus, l'opération est assez simple et pratique à utiliser.

Partie de formulaire

<?php $form = ActiveForm::begin([ 
  &#39;action&#39; => [&#39;save&#39;], //提交地址(*可省略*) 
  &#39;method&#39;=>&#39;post&#39;,  //提交方法(*可省略默认POST*) 
  &#39;id&#39; => &#39;form-save&#39;, //设置ID属性 
  &#39;options&#39; => [ 
    &#39;class&#39; => &#39;form-horizontal&#39;, //设置class属性 
  ], 
  &#39;enableAjaxValidation&#39; => true, 
  &#39;validationUrl&#39; => &#39;validate-view&#39;, 
]); ?> 
 
<?php echo $form->field($model,&#39;company_name&#39;, [&#39;inputOptions&#39; => [&#39;placeholder&#39;=>&#39;请输入商家名称&#39;,&#39;class&#39; => &#39;form-control&#39;], &#39;template&#39;=>&#39;<label for="inputCompanyName" class="col-sm-1 control-label"><span class="text-red">*</span> 商家名称</label><p class="col-md-8">{input}</p><label class="col-sm-3" for="inputError">{error}</label>&#39;])->textInput()?> 
 
<?=Html::submitButton(&#39;保存&#39;,[&#39;class&#39;=>&#39;btn btn-primary&#39;]); ?> 
 
<?php ActiveForm::end(); ?>

Copier après la connexion

Parmi eux : 'enableAjaxValidation' => true, doit être défini, dites le formulaire Soumettre avec ajax

Partie contrôleur

Le contrôleur est divisé en deux parties, l'une consiste à vérifier l'exactitude du formulaire et l'autre à sauvegarder

1. Partie Efficacité

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); 
  } 
}

Copier après la connexion

2. 🎜>

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 [&#39;success&#39; => $model->save()]; 
  } 
  else{ 
    return [&#39;code&#39;=>&#39;error&#39;]; 
  } 
}

Copier après la connexion

Soumission Ajax à partir du formulaire

$(function(){ 
$(document).on(&#39;beforeSubmit&#39;, &#39;form#form-save&#39;, function () { 
    var form = $(this); 
    //返回错误的表单信息 
    if (form.find(&#39;.has-error&#39;).length) 
    { 
      return false; 
    } 
    //表单提交 
    $.ajax({ 
      url  : form.attr(&#39;action&#39;), 
      type  : &#39;post&#39;, 
      data  : form.serialize(), 
      success: function (response){ 
        if(response.success){ 
          alert(&#39;保存成功&#39;); 
          window.location.reload(); 
        } 
      }, 
      error : function (){ 
        alert(&#39;系统错误&#39;); 
        return false; 
      } 
    }); 
    return false; 
  }); 
});

Copier après la connexion

Note spéciale que j'utilise l'arrière-plan du framework d'administration Yii2, le processus de fonctionnement spécifique dépend du projet d'essai, le processus de fonctionnement de base est le même.

Recommandations associées :

Événement de formulaire Yii2 Méthode de mise en œuvre de la soumission Ajax

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!