Почему POST параметры ajax запроса не приходят к серверу?

Question

[idclev31]

При отправке данных на сервер AJAX методом JQuery с типом POST

function site_register() {
	var str = $("#register_user").serialize();
	loading_show();
	$.ajax({
			method:"POST",
			type: "POST",
			url: "/?action=register&do=auth",
			data:str,
		 	success: function (data) {
				loading_hide();
				if ( data == 'error' ) return false;
				eval(data);
				captcha_update();
			}
	});

данные на сервер не приходят.
Если же меняем на GET, то все ок.
Подскажите, пожалуйста, в чем может быть проблема?
Задачу решил заменой конструкции выше на

$.post("?action=register&do=auth", str, function (data) {
			loading_hide();
			if ( data == 'error' ) return false;
			eval(data);
			captcha_update();
	});

Comments

[Zhainar]

по-моему свойства method:"POST", нет в функции ajax()

Answer 1

[Алексей Самсонов]

как писали уже выше, в data необходимо передавать объект.
А jQuery.serialize() делает GET-параметры, от того GET запрос в вашем примере прекрасно отработает.

Если вам лень разбираться что и как, предлагаю такой код:

var str = $("#register_user").serialize();
var temp = str.split('&');
var request = {};
for (var i = 0; i < temp.length; i++) {
  var pieceRequest = temp[i].split('=');
  request[pieceRequest[0]] = pieceRequest[1];
}

и в ваш аякс запрос data передавать request вместо str

Comments

[idclev31]

Внес изменения
function site_register() {
// var str = $("#register_user").serialize();
var str = $("#register_user").serialize();
var temp = str.split('&');
var request = {};
for (var i = 0; i < temp.length; i++) {
var pieceRequest = temp[i].split('=');
request[pieceRequest[0]] = pieceRequest[1];
}
loading_show();
$.ajax({
method:"POST",
type: "POST",
url: "/?action=register&do=auth",
data:{'data':request},
success: function (data) {
loading_hide();
if ( data == 'error' ) return false;
eval(data);
captcha_update();
}
});
}
Но ситуация все та же.

[Алексей Самсонов]

вместо data:{'data':request},
просто data: request

[Алексей Самсонов]

idclev31: плюс хотелось бы узнать что там на сервер отправляется и приходит, с учетом правок

[idclev31]

Как я дописал в тексте вопроса, уходит GET запрос, но если убрать то, что указано в параметре URL, то уходит POST.При GET запросе POST параметры не отправляются, соответственно на сервер не приходят

[idclev31]

С data: request тоже самое

[Алексей Самсонов]

idclev31: GET уходит скорее потому что браузер долбится в url: "/?action=register&do=auth" на ваш UI а не бэкэнд непосредственно.
так что проверьте по какой урле вам надо долбится на POST.

И в случае удаления url - и отправке пост запроса, POST параметры должны присутствовать, иначе я уже 3 года отправлял бы пустые параметры, если бы этот метод не работал)

[idclev31]

Я не спорю, в этом случае они присутствуют, конечно)

Но, не очень понимаю насчет того, почему уходит GET
Дело в том, что отправлять запрос прямо на определенный адрес к файлу я не могу, в силу ранее написанных не мной вещей, соответственно, надо как-то передать эти GET параметры в данном POST запросе.

[Алексей Самсонов]

idclev31: дак у вас вообще сервер воспринимает post запросы?
может проблема то не в UI совсем? просто в рамках текущего вопроса ответ уже дан)

[idclev31]

Сервер POST воспринимает.Теперь все работает работает после замены метода ajax на post, но не понимаю, почему

[Алексей Самсонов]

idclev31: хотел этот вариант предложить, но в целом $.post это урезанный $.ajax и не думал что поможет))
Если ответ оказался полезным, буду рад галочке за потраченное время ;)

[idclev31]

Конечно, спасибо!

Answer 2

[Артем Сошников]

1. Проверьте в chrome dev tools, что данные у Вас действительно уходят

2. Если уходят, проверьте редиректы на сервере, возможно, срабатывает какая-либо валидация и отправляет этот запрос редиректом куда-либо.

Comments

[azait2001]

Тут вроде как ответ от сервера пишется

[Артем Сошников]

azait2001, да, но на вкладке headers можно так же глянуть что отправляется =)

[akula22]

аналогичная ситуация, в отладке видно что ничего не отправляется, почему хз

$.ajax({
            url: '/order/cart/add-cart',
            type: 'POST',
            data: '1',
            success: function (response) {
                $('#basket').html(response);
            },
            error: function () {
                alert('error');
            }
        });