Почему PHP выводит текст на страницу вместо того, чтобы отдать текст в AJAX?

Question

[Матвей Мамонов]

Есть форма, ajax-скрипт отправляет данные PHP скрипту:

var target = $('[data-use-ajax="true"]'),
		ajaxAction = target.attr('action');
		ajaxMethod = target.attr('method');
		ajaxAnswerPool = target.data('ajax-answer');
		//console.log(target.serializeArray());

	$(target).submit(function() {sendAjax()});
	
	function sendAjax() {
		$.ajax({
			method: ajaxMethod,
			url: ajaxAction,
			data: $(target).serializeArray(),
			dataType: "json",
			success: function(answ) {
				
				console.log(answ);
				//message(answ);
				
			}
		});
		
		return false;
	}

Помню, что раньше, когда писал подобные вещи, чтобы отдать json-объект обратно обработчику, достаточно было всего лишь сделать массив, закодировать его в json и отдать при помощи простого print():

$answer = array(
				'success' => false,
				'error' => 'already logged in',
			);

			print json_encode($answer);

Но сейчас, по не понятным мне причинам, вместо того, чтобы просто отдать данные в виде JSON-объекта, открывается страница с этим .php скриптом и данные буквально выводятся на экран.

UPD

Сейчас у меня NginX, если это имеет какое-то значение. Хотя вряд ли это дело в сервере, я думаю, что я что-то упустил в коде. Вот только что...

Answer 1

[Евгений Одинец]

попробуйте так:

$(target).submit(function() {
    sendAjax();
    return false;
});

или так:

$(target).submit(function(event) {
    event.preventDefault()
    sendAjax();
});

Comments

[Матвей Мамонов]

Действительно работает. А почему? Что это меняет? Можете, пожалуйста, объяснить?

И еще: надо убирать return false, который в функции sendAjax()?

[Дмитрий]

Матвей Мамонов: так вы разницу не видите? В обработчике submit надо либо вернуть false, либо превентить дефолтное событие. Иначе ваша форма сабмититтся прямо в том же окне и вы видите свой json.

[Евгений Одинец]

Матвей Мамонов: .submit активируется, когда отправляется форма. Вы вызываете callback функцию которая отправляет ajax после чего идет обычная отправка формы. Отправку формы по умолчанию можно предотвратить путем возвращения false или использовать preventDefault().

[Евгений Одинец]

Матвей Мамонов: https://learn.javascript.ru/default-browser-action

[Матвей Мамонов]

Евгений Одинец: Аааа, вот оно что.. Ну спасибо :)