Как сделать AJAX запрос без jqury?

Question

[Sedbol]

Почему так получается и как выйти из этого положения?
Делаю запрос без jqury:

const request = new XMLHttpRequest();
    const url="roomUser/BootData.php";
    console.info(app.VK_info)
    const params = JSON.stringify({bootdata:app.VK_info});
    //request.responseType =	"json";
    request.open("POST", url, true);
    request.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
    request.addEventListener("readystatechange", () => {
        if (request.readyState === 4 && request.status === 200) {
            window.app.boot = request.response;
            console.info(app.boot)
        }
    });

    request.send(params);

В пост запрос приходит

spoiler

Строка которую нельзя c помощью json_decode() обратится к её свойствам!!!

Делаю тоже самое на jqury

spoiler

$.ajax({
        url: "roomUser/BootData.php",
        type:"POST",
        //dataType: "JSON",
        data:{bootdata:app.VK_info},
        success:function (BootData) {
            console.info(BootData)
               console.info(BootData);
}
})

spoiler

$.ajax({
        url: "roomUser/BootData.php",
        type:"POST",
        //dataType: "JSON",
        data:{bootdata:app.VK_info},
        success:function (BootData) {
            console.info(BootData)
               console.info(BootData);
}
})

Приходит следующие

То есть я могу обращаться к свойствам отправленного объекта

В обеих случаях на РНР POST запрос принимается так var_dump($_POST)

Как сделать что бы без jqury все работало так же?

Comments

[Сергей Соколов]

здесь Правила (п.3.8) запрещают размещение фрагментов кода картинкой. Только текстом в теге code
Если код длинный, можно спрятать под "спойлером" (кнопка черный круг)

Answer 1

[Сергей Соколов]

Дело в Content-type: вы передрали код из примера с application/x-www-form-urlencoded, который предполагает отправку данных как в GET-параметрах: a=1&b=2&c=3

При этом шлёте JSON-закодированные данные.

Замените на

request.setRequestHeader("Content-Type", "application/json;charset=UTF-8");

В PHP обработчике брать php://input

$data = json_decode(file_get_contents("php://input"));

Comments

[Sedbol]

Так пусто вообще

[Sedbol]

В примере на https://learn.javascript.ru/xhr-forms так же пишут но это почему то не работает

[Сергей Соколов]

Sedbol, повторяю про недопустимость картинок-с-кодом!

Пустой array потому, что $_POST это обёртка, куда попадают данные только из multipart/form-data или application/x-www-form-urlencoded.
Надо в PHP обработчике брать php://input

$data = json_decode(file_get_contents("php://input"));

[Sedbol]

Сергей Соколов,Вот нашел решение тут
Вот решение

const request = new XMLHttpRequest();
    const url="roomUser/BootData.php";
    console.info(app.VK_info)
    const param = JSON.stringify(app.VK_info);
    const params = "jsonstr=" +encodeURIComponent(param);
    //request.responseType ="json";
    request.open("POST", url, true);
    request.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
    request.addEventListener("readystatechange", () => {
        if (request.readyState === 4 && request.status === 200) {
            window.app.boot = request.response;
            console.info(app.boot)
        }
    });

    request.send(params);

[uRoot]

Sedbol, если вы будете просто брать код с интернета и не разбираться в нём, то ничего хорошо из этого не выйдет

[Sedbol]

CryNet,

function approval(){
let string="если вы будете просто брать код с интернета и не разбираться в нём, то ничего хорошо из этого не выйдет"
return string:
}
console.log(approval())// fatal error

Я думаю подробно описал вашу логику?

Answer 2

[Илья Савиных]

Без Jquery можете воспользоваться JS fetch()
Примерно это будет выглядеть вот так:

const url="http://example.com/roomUser/BootData.php";

fetch(url)
	.then(response => response.json())
	.then(BootData => {
		console.log(BootData);
	});

ИЛИ

const url="http://example.com/roomUser/BootData.php";

fetch(url)
	.then(response => response.json().then(BootData => {
		console.log(BootData);
	}));

Вместо example.com - ваш url