Почему не передаётся значение в php из ajax запроса?

Question

[6ondawave9]

Уже час сижу и никак не могу понять почему в консоле пусто

const mes = "Text";
const url = "*ссылка на php скрипт*";
fetch(url , {
    method: 'POST',
    data: {"text" : mes}
}).then(res=>res.text()).then(rez=>console.log(rez));

<?php
echo  $_POST['text'];
?>

Answer 1

[ThunderCat]

Так как вы не передаете заголовок с контент типом, пхп не понимает что это пост, и ловить надо поток инпута.

var_dump(json_decode(file_get_contents('php://input', true)));

Comments

[6ondawave9]

Не очень понял, так должно быть?

<?php
echo var_dump(json_decode(file_get_contents('php://input', true)));

[ThunderCat]

6ondawave9, так вы сможете посмотреть что пришло в пхп, и уже из этого решать что вам нужно обрабатывать на бэке.

[6ondawave9]

ThunderCat делал как Вы указали выше и наконец получилось

object(stdClass)#1 (1) {
  ["text"]=>
  string(4) "Text"
}

Но теперь два вопроса:
Этот результат просто JS-ом парсить или можно получить более приятный вывод?
И еще попробовал добавить заголовок

fetch(url , {
    method: 'POST',
    headers: {
      'Content-Type': 'text/plain'
    },
    body: JSON.stringify({"text" : mes})
}).then(res=>res.text()).then(rez=>console.log(rez));

но это ничего не дало

[ThunderCat]

6ondawave9,

Этот результат просто JS-ом парсить или можно получить более приятный вывод?

Это просто вывод переменной (очень плохо что вы не понимаете что вообще код делает). Хотя бы загуглите функции которые там вызываются, неужели это сложно... И более приятный вывод чего? Вы отправляете данные и их же возвращаете, вопрос - зачем?

И еще попробовал добавить заголовок

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

[6ondawave9]

ThunderCat, надеялся справится с небольшим куском бекэнда в проекте копипастой с интернета, но похоже надо хоть чуть-чуть подтянуть матчасть php) Большое спасибо!

Answer 2

[Ne7Le4Der]

Потому что у fetch нет свойства data в options, оно называется body. Так же обратите внимание, если будете использоваться TypeScript - на попытку отправить объект в поле body - будет выдавать ошибку, не уверен отработает ли как нужно, если не обернуть в JSON.stringify(), лучше обернуть.

В итоге должно быть как-то так:

const mes = "Text";
const url = "*ссылка на php скрипт*";
fetch(url , {
    method: 'POST',
    body:  JSON.stringify({"text" : mes})
}).then(res=>res.text()).then(rez=>console.log(rez));

Comments

[6ondawave9]

Ничего не поменялось, к консоле по прежнему пустое место

const mes = "Text";
 const url = "*ссылка на php скрипт*";
 fetch(url , {
     method: 'POST',
     body:  JSON.stringify({"text" : mes})
 }).then(res=>res.text()).then(rez=>console.log(rez));

Может тут что-то не так?

.then(res=>res.text()).then(rez=>console.log(rez));

[Ne7Le4Der]

6ondawave9, Посмотрите через DevTools во вкладке Network отдаётся ли что-то с сервера вообще, скорее всего нет

[6ondawave9]

Ne7Le4Der, отдаётся Status Code: 200 OK

[6ondawave9]

Александр, в Response вообще стоит bodyUsed: false

[6ondawave9]

Александр, Ne7Le4Der, вот тут нашел , но как их отсюда взять не очень понимаю

[Ne7Le4Der]

Невнимательно посмотрел, написал ерунду в первом варианте))

Вкладка Payload - это то, что отправлете Вы, во вкладке Preview и Response (в Preview парсится json) выводится то, что отдаёт сервер. Если там пусто - значит выводить нечего, сервер ничего не вернул

[Rst0]

request_php

[6ondawave9]

Ne7Le4Der, тогда резонный вопрос - почему сервер ничего не вернул?

[Ne7Le4Der]

6ondawave9, Для этого нужно увидеть код вашей серверной части))

[6ondawave9]

Ne7Le4Der, в самом начале указывал)

<?php
echo  $_POST['text'];
?>

[Ne7Le4Der]

6ondawave9, Слабоват я в PHP, но можете попробовать написать
print_r($_POST);
Чтобы посмотреть лежит ли что-то вообще в $_POST и понять почему $_POST['text'] ничего не выводит

[6ondawave9]

Ne7Le4Der, ну собственно в php ничего не передалось… И в чем проблема?..

[Ne7Le4Der]

6ondawave9, Из скрина который вы скинули точно видно, что но передаётся - но, как я говорил, слабоват в PHP, не могу сказать почему там он не отрабатывает

[6ondawave9]

Попробовал GET и все сработало, но нужен POST