Есть обычная форма, из которой при submit'е, берутся: url
, action
, серелизованые данные и делается ajax запрос
<form class="dynamic-form ajaxform modal-after-submit" action="/form/order-call-simple" method="post" data-after-modal="button[href="#wi-popup2"]">
<input type="hidden" name="_csrf-frontend" value="_kqgpOBZWj5LfdylhccB0nUrhlCSftWer04-vyj_vlGRJc3WkGwVdyQprtfQrXS9Kn-2B806ksnfY0bZUpjzMg==" />
<input class="telephone-mask" name="2" maxlength="19" placeholder="( ___ ) ___-__-__" required="true" />
<input type="checkbox" class="form-control checkbox2" id="dynamicForm_w0_checkbox" required="" checked="" />
<label for="dynamicForm_w0_checkbox">Ознакомлен и согласен с <a href="/politika-sbora-informacii/">политикой сбора информации</a></label>
<input type="submit" class="btn btn-default" name="" value="Заказать" />
</form>
Отправка:
$('form.ajaxform').on('submit', function (event) {
event.preventDefault();
event.stopImmediatePropagation();
var form = $(this);
$.ajax({
url: form.attr('action'),
method: form.attr('method'),
data: form.serialize(),
success: function (response) {
console.log('Форма отправилась');
},
error: function (error) {
// Перед перезагрузкой, прелетает ошибка
console.log(error);
}
});
});
Проблема в том, что сразу после ajax запроса, браузер делает переход по тому урлу, на который был отправлен запрос.
Еще, после запроса, в error callback прилетает какая-та ошибка такого вида: {readyState: 4, getResponseHeader: ƒ, getAllResponseHeaders: ƒ, setRequestHeader: ƒ, overrideMimeType: ƒ, …}
- это вроде объект, но он не раскрывается в консоли (не знаю что это). Также, в консоли выводится предупреждение - VM4682 yii.js:360 Resource interpreted as Document but transferred with MIME type application/json: "site.loc/form/order-call-simple"
.
На backend'е, данные отправляются очень незамысловато
class FormController extends BaseController
{
public $enableCsrfValidation = false;
public function actionOrderCallSimple()
{
//TODO: Implement this method
return $this->asJson(['success' => true]);
}
}
В чем может быть проблема? event.preventDefault()
- не причем, он работает если не отправлять запрос.