How to make AJAX submit and process data in Yii2 ActiveForm?

Question

Yii

Tell me, you need to send Ajax data in ActiveForm after validation and then, after receiving the response, execute the function. The search was unsuccessful.

Answer 1

More or less like this:

$form = ActiveForm::begin([
    'id' => 'form-input-example',
    'options' => [
       'onsubmit' => 'sendAjax(this, myAction)'
    ],
]);
...

sendAjax method:

var myAction = function (response) {
    //Делаем то, что нам нужно с ответом
    console.log(response);
}

function sendAjax(form, callback) {
    $.ajax({
        method: 'post',
        url: '/test',
        dataType: 'json',
        data: $(form).serialize()
    }).done(function (response) {
        callback(response);
    })

   //Возвращаем false чтобы форма не отправилась
   return false;
}

I haven't tested the code, but in theory it should work.

Answer 2

Doesn't work well. The sendAjax() function works 2 times in a row, after which the page with the form is reloaded...(