Почему форма не перезагружается после отправки запроса post через ajax?

Question

[Andrey_87]

Есть форма (подгружена в таб с помощью метода load jquery)

<button type="submit" form="form-filtergroup" data-toggle="tooltip" title="" class="btn btn-primary"><i class="fa fa-save"></i></button>

<form action="<?php echo $action; ?>" method="post" enctype="multipart/form-data" id="form-filtergroup" class="form-horizontal">
	<div class="form-group required">
	<label class="col-sm-2 control-label" for="input-name"><?php echo $entry_name; ?></label>
		<div class="col-sm-10">
			<input type="text" name="<?php echo $name ?>" value="" placeholder="<?php echo $name ?>" id="input-name" class="form-control" />
		</div>
	</div>
	<div class="form-group required">
	<label class="col-sm-2 control-label" for="input-keyword"><?php echo $entry_keyword; ?></label>
		<div class="col-sm-10">
			<input type="text" name="<?php echo $keyword ?>" value="" placeholder="<?php echo $keyword ?>" id="input-keyword" class="form-control" />
		</div>
	</div>
</form>

Ajax запрос на кнопку "сохранить"

<script>
$("#form-filtergroup").submit(function(e) {
    e.preventDefault();
	$.ajax({
		url:"index.php?route=catalog/SMfilter_opt/add&token=<?php echo $token; ?>",
		type:"post",
		data:{filter_group_id: 0},
		dataType:"json",
		success:function(a){
			console.log('111');
		},
		error: function (e) {
		}
	})
  });
</script>

После нажатия "сохранить" запрос отправляется, но форма не перезружается.
Мне нужно чтобы перезагрузилась форма и показались ошибки по обязательным полям, логика которых прописана в php. Но этого не происходит. Хотя если грузить форму ту же без ajax, то все работает.

Comments

[Дмитрий]

Добрый день.

Мне нужно чтобы перезагрузилась форма и показались ошибки по обязательным полям, логика которых прописана в php. Но этого не происходит.

Потому, что надо вернуть соответствующий ответ от сервера и обработать его в js коде.
Вот здесь.

success:function(a){
      console.log('111');
    },
    error: function (e) {
    }

[Дмитрий]

Зачем Вы здесь передаёте token?

url:"index.php?route=catalog/SMfilter_opt/add&token=<?php echo $token; ?>",

Если его надо передавать тут.
data:{filter_group_id: 0},

[Дмитрий]

Зачем Вы к вопросу прилепили тег "HTML"?
У Вас какие-то проблемы с вёрсткой формы?

[Andrey_87]

Дмитрий, Потому, что надо вернуть соответствующий ответ от сервера и обработать его в js коде.
Вот здесь.

Спасибо, буду копать в этом направлении.

[Andrey_87]

Дмитрий, Зачем Вы здесь передаёте token?

Это админка сайта, ей он нужен. В следующий раз удалалю, чтобы не путать людей. Ок

[Дмитрий]

Andrey_87, зачем именно в адресе?

[Andrey_87]

Дмитрий, наверное не принципиально где, не думал об этом. Как то попробую и по другому.

Answer 1

[notlive]

Все верно. Для начала нужно хотя бы прочитать что такое аякс и как это работает.
Википедия...
AJAX, Ajax (ˈeɪdʒæks, от англ. Asynchronous Javascript and XML — «асинхронный JavaScript и XML») — подход к построению интерактивных пользовательских интерфейсов веб-приложений, заключающийся в «фоновом» обмене данными браузера с веб-сервером. В результате при обновлении данных веб-страница не перезагружается полностью, и веб-приложения становятся быстрее и удобнее.

Тут 3 выхода из твоей ситуации, либо ты используешь только php, либо ты используешь ajax + php, но проверку на заполнение полей реализовываешь на стороне пользователя средствами javascripts, либо ты реализовываешь проверку отправки данных в php, но возвращаешь допустим код ошибки, javascripts в свою очередь выводит на основание кода ошибки сообщение о заполнение полей.