Отправка формы ajax в yii2

Если вам потребовалось отправить форму без перезагрузки страницы, то в это вам поможет ajax. В этом уроке мы рассмотрим как осуществляется отправка формы ajax в yii2.

Нам потребуется 3 файла:

IndexController.php

use app\models\NameModal.php;
 
...
 
$model= new CouponForm();
if(\Yii::$app->request->isAjax){
    if ($model->load(Yii::$app->request->post()) && $model->validate() ) {
       // выполняем необходимые операции с базой
       print_r($model);
    }
}

NameModal.php

public $name;
public function rules(){
	return[
		[['name'], 'required'],
		[['name'], 'trim'],
	];
}

page.php

use yii\bootstrap\ActiveForm;
 
<?php $form = ActiveForm::begin();?>
	<?php echo $form->field($model, 'name');?>
	<?php echo Html::submitButton('Send', ['class' => 'btn btn-success']);?>
<?php ActiveForm::end();?>
 
...
 
<?php
     $js = <<<JS
     $('form').on('beforeSubmit', function(){
	 var data = $(this).serialize();
	 $.ajax({
	    url: '/index/index',
	    type: 'POST',
	    data: data,
	    success: function(res){
	       console.log(res);
	    },
	    error: function(){
	       alert('Error!');
	    }
	 });
	 return false;
     });
JS;
 
$this->registerJs($js);
?>