Как передать данные с помощью fetch обработать их и послать обратно?

Question

[SuchOP]

Пытаюсь разобраться как мне послать данные ajax'ом с помощью fetch обработать их в PHP и выслать обратно. Был бы рад если показали на простом примере как это сделать, допустим нужно отправить число с помощью fetch запроса, добавить к нему 1 в php скрипте и отправить обратно + вывести его в консоль.

Comments

[edward_freedom]

с этим вопросом актуальность этого вопроса сошла на null
Как максимально быстро попасть на позицию Junior php разработчика?

[SuchOP]

edward_freedom, ну и почему же?

[edward_freedom]

SuchOP, ты самостоятельно не можешь решить такую простую задачу, даже не можешь загуглить

Answer 1

[Сергей delphinpro]

прямо из документации:

async function postData(url = '', data = {}) {
  const response = await fetch(url, {
    method: 'POST',
    headers: {
      'Content-Type': 'application/json'
    },
    body: JSON.stringify(data)
  });
  return await response.json();
}

postData('/handler.php', { number: 42 })
  .then((data) => {
    console.log(data.number);
  });

handler.php

$number = (int)$_POST['number'];
$number += 1;
echo json_encode(['number' => $number]);

Comments

[Надим]

Неправильный пример, на стороне php-будет ошибка, так как JSON надо парсить своими силами, в $_POST будет пусто.

[Сергей delphinpro]

Надим Закиров, Да, наверное.

Нужно поменять тип контента на application/x-www-form-urlencoded и будет отправляться как обычная форма.

Или приемную часть поправить.

$data = file_get_contents('php://input');
$data = json_decode($data, true);
$number = $data['number'];
$number += 1;
echo json_encode(['number' => $number]);