Dieser Artikel hauptsächlich In diesem Artikel werden die relevanten Informationen von Yii2 zur Implementierung der ActiveForm-Ajax-Übermittlung im Detail vorgestellt, die einen gewissen Referenzwert haben. Interessierte Freunde können auf
zurückgreifen. Bei der Durchführung von Projekten werden Sie immer auf die Ajax-Übermittlungsfunktion stoßen, insbesondere bei der Durchführung Im Hintergrund wird das Modell normalerweise automatisch generiert. Diese Funktion wird tatsächlich häufiger verwendet, solange Sie den Vorgang verstehen.
Formularteil
<?php $form = ActiveForm::begin([ 'action' => ['save'], //提交地址(*可省略*) 'method'=>'post', //提交方法(*可省略默认POST*) 'id' => 'form-save', //设置ID属性 'options' => [ 'class' => 'form-horizontal', //设置class属性 ], 'enableAjaxValidation' => true, 'validationUrl' => 'validate-view', ]); ?> <?php echo $form->field($model,'company_name', ['inputOptions' => ['placeholder'=>'请输入商家名称','class' => 'form-control'], 'template'=>'<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>'])->textInput()?> <?=Html::submitButton('保存',['class'=>'btn btn-primary']); ?> <?php ActiveForm::end(); ?>
Unter ihnen: 'enableAjaxValidation' => true, muss festgelegt werden, um das Formular mitzuteilen Verwenden von Ajax Submit
Controller-Teil
Der Controller ist in zwei Teile unterteilt, einer dient der Überprüfung der Richtigkeit des Formulars und der andere dem Speichern
1 , Effektteil
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); } }
2. Teil speichern
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-Übermittlung aus dem Formular
$(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; }); });
Besonderer Hinweis, dass ich den Yii2-Administrator verwende Rahmenhintergrund, spezifischer Betriebsprozess Es hängt vom Testprojekt ab, aber der grundlegende Betriebsprozess ist der gleiche.
Verwandte Empfehlungen:
Yii2-Formularereignis Ajax-Übermittlungsmethode
Das obige ist der detaillierte Inhalt vonYii2 implementiert die ActiveForm-Ajax-Übermittlung. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!