Как отправить многомерный массив в XMLHttpRequest?

Question

[Max Ba]

Везде примеры одномерных массивов. Конечно, там ничего сложного.
Мне надо отправить данные, методом POST

let my_data = {
  'user_id': '2',
  'user_name': 'Petya',
  'fields': {
    'age': '20'
  }
};

let xhr = new XMLHttpRequest();
xhr.open("POST", 'https://site.ru/json.php', true);
xhr.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
xhr.onreadystatechange = function(){
  if(xhr.readyState === XMLHttpRequest.DONE && xhr.status === 200){
    console.log(JSON.parse(xhr.responseText));
  }
}
xhr.send(my_data);

Делал двойным перебором for + encodeURIComponent + join. Всё это похоже на велосипед.

Может есть какая-то функция, которая рррас и преобразует данные в форму, пригодную для отправки?

Comments

[Dima Polos]

json не вариант?

[Max Ba]

Dima Polos, вариант, только не удалось четко ок попробую.

[Dima Polos]

Max Ba, на сервер желательно послать заголовок Content-Type: application/json; charset=utf-8
Сами данные просто: xhr.send(JSON.stringify(my_data));

[Dima Polos]

https://developer.mozilla.org/ru/docs/Web/API/URLS...

Answer 1

[Даша Циклаури]

xhr.setRequestHeader("Content-type", "application/json");
xhr.send(JSON.stringify(my_data));

Comments

[Max Ba]

А что я не так делаю?

let xhr = new XMLHttpRequest();
xhr.open("POST", 'http://localhost/test.php', true);
xhr.setRequestHeader("Content-type", "application/json");
xhr.onreadystatechange = function(){
  if(xhr.readyState === XMLHttpRequest.DONE && xhr.status === 200){
    console.log(JSON.parse(xhr.responseText));
  }
}
xhr.send(JSON.stringify(m_data));

header('Content-Type: application/json');
$post = file_get_contents('php://input');
echo json_encode($post);

Данные не декодирует потом, а получает в виде string

[Max Ba]

Разобрался. Добавил

xhr.responseType = 'json';
//и в ответе
console.log( JSON.parse(xhr.response));

Answer 2

[Developer]

Засунуть многомерный массив в JSON и отправить POST-запросом

Comments

[Max Ba]

Попробую. У меня что-то не удалось

[Developer]

Max Ba, посмотри это
Как создать многомерный массив из JSON запроса?