Как отправить JSON на PHP через POST?

Question

[Валера Удав]

С недавнего времени решил переходить на нативный JS и столкнулся с проблемой передачи данных через AJAX. Задача стоит следующая: имеем некий объект который надо передать на сервер.

Код на JS

var someObj = {a:1,b:2};
var xhr = new XMLHttpRequest();
xhr.open('POST', 'node.php', true);
xhr.setRequestHeader('Content-Type', 'application/json');
xhr.send(someObj);
xhr.onreadystatechange = function(){
	if (this.readyState == 4) {
		if (this.status == 200)
			console.log(xhr.responseText);
		else
			console.log('ajax error');
	}
};

Аналогичный код на jQuery

var someObj = {a:1,b:2};
$.ajax({
	type: "POST",
	url: "node.php",
	data: someObj,
	success: function(res) {
		console.log(res);
	}
});

Принимаем данные на PHP
print_r($_REQUEST);

В результате имеем не рабочий код на нативном JS и рабочий код на jQuery. В первом случае (JS) всегда возвращает в консоль:

Array
(
)

Во втором (jQuery):

Array
(
    [a] => 1
    [b] => 2
)

Как бы я не пытал свой JS, он ничего возвращать не хочет. Подскажите в чем может быть проблема или хотябы в какую сторону мне смотреть?

Comments

[OVK2015]

JSON.stringify ?

[Иван]

Зато никаких излишеств ...

[Валера Удав]

OVK2015: Я изначально пробовал передавать строку полученную через JSON.stringify(someObj) но результат тот же, пустой массив. jQuery в данном случае тоже работать отказывается.

[Валера Удав]

OVK2015: о да спасибо огромное! Напиши его в ответы я его отмечу решением

Answer 1

[OVK2015]

Как-то так:
js:

var someObj = {a:1,b:2};
var xhr = new XMLHttpRequest();			
xhr.open('POST', 'scratch.php');
xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');			
xhr.send('param=' + JSON.stringify(someObj));
xhr.onreadystatechange = function()
{
	if (this.readyState == 4) 
	{
		if (this.status == 200)
		{
			console.log(xhr.responseText);
		}
		else
		{
			console.log('ajax error');
		}
	}
};

php:

$param = json_decode($_REQUEST["param"]);
$result = "Результат: a = ".$param->a."; b = ".$param->b;
die($result);

Answer 2

[Александр Аксентьев]

jquery раскладывает json в обычный post запрос: key=value&ke2=value2
А вы просто объект отправляете в нативном варианте, а туда надо отправлять строку как выше или же JSON сформированную строку(на php через php//input разбирать).

Comments

[Валера Удав]

Я изначально пробовал передавать строку полученную через JSON.stringify(someObj) но результат тот же, пустой массив. jQuery в данном случае тоже работать отказывается.

[Александр Аксентьев]

Валера Удав: потому что когда отправляете JSON.stringify то не POST запрос с массивом, а RAW-данные, которые надо получить из php//input, а затем json_decode

[Валера Удав]

Александр Аксентьев: не мог бы для ясности пример кода написать пожалуйста?

[Николай]

requestImpl(name, data): {
		var json = JSON.stringify(data)	// перевод данных в строку
		var xhr = new XMLHttpRequest()	// запрос
		// Формируем POST запрос
		xhr.open("POST", this.baseUrl + name, true)
		xhr.setRequestHeader('Content-type', 'application/json; charset=utf-8');
		xhr.addEventListener('load', function(event) { log("Loading is done") })
		xhr.addEventListener('error', function(event) { log("Failed to send data", event) })
		xhr.send(json);
	}

if (file_get_contents("php://input")){...}

Answer 3

[Rou1997]

Нужен Fiddler, Wireshark и т.п. для анализа (отладки) запросов, сравнили бы, поняли в чем проблема.

Answer 4

[Владимир Грабко]

var str = "";
for (var key in someObj) {
    if (str != "") {
        str += "&";
    }
    str += key + "=" + encodeURIComponent(someObj[key]);
}
xhr.send(str);

Comments

[Валера Удав]

Не совсем то решение. В настоящей задаче мой объект имеет множество вложений и такой вариант выдает неверную строку на выходе.