Как отправить post запрос json на javascript?

Question

[ddeel]

Как отправить post запрос json на javascript, и получить на php?
Отправка данных не через форму, а хочу по условию например if(){}
Нужно на чистом js, без jquery
Заранее спасибо

Answer 1

[eternalfire]

const url = 'https://example.com/profile';
const data = { username: 'example' };

try {
  const response = await fetch(url, {
    method: 'POST', // или 'PUT'
    body: JSON.stringify(data), // данные могут быть 'строкой' или {объектом}!
    headers: {
      'Content-Type': 'application/json'
    }
  });
  const json = await response.json();
  console.log('Успех:', JSON.stringify(json));
} catch (error) {
  console.error('Ошибка:', error);
}

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

Comments

[ddeel]

Как потом можно распарсить и вывести в php?
<?php
$obj = json_decode($_POST['data']);
var_dump($obj);
?>

т.к отправляется с разных доменов

[Tim]

ddeel, скорее всего так получить данные можно будет

<?php
$body = json_decode(file_get_contents('php://input'));

[eternalfire]

ddeel, всё верно, так, просто посмотри что в переменную $_POST прилетает

[ddeel]

eternalfire,
выдает ошибку Uncaught SyntaxError: await is only valid in async function
если полностью использовать как вы сказали, изменив только ссылку

[eternalfire]

ddeel, ну имелось ввиду что ты async функцию должен объявить, а потом вызвать её

// Пример отправки POST запроса:
async function postData(url = '', data = {}) {
  // Default options are marked with *
  const response = await fetch(url, {
    method: 'POST',
    headers: {
      'Content-Type': 'application/json'
    },
    body: JSON.stringify(data) // body data type must match "Content-Type" header
  });
  return await response.json(); // parses JSON response into native JavaScript objects
}

postData('https://example.com/answer', { answer: 42 })
  .then((data) => {
    console.log(data); // JSON data parsed by `response.json()` call
  });