fetch APIでJSONをPOSTしてPHPで受け取る

fetch APIでJSONをPOSTしてPHPで受け取る:

概要

fetch APIを使ってjson形式のデータをPOSTしてPHPで受け取るやり方について。

環境

PHP

# php -v 
PHP 7.2.11 (cli) (built: Oct 16 2018 00:40:40) ( NTS ) 
Copyright (c) 1997-2018 The PHP Group 
Zend Engine v3.2.0, Copyright (c) 1998-2018 Zend Technologies 
    with Zend OPcache v7.2.11, Copyright (c) 1999-2018, by Zend Technologies 

実装

js

fetch(url, { 
  method: "POST", 
  headers: { 
    "Content-Type": "application/json" 
  }, 
  body: JSON.stringify({ 
    "id": "01", 
    "title": "テスト01", 
  }) 
}) 
  .then(response => { 
    return response.json(); 
  }) 
  .then(json => { 
    console.log(json); 
  }) 
  .catch(e => { 
    console.error(e); 
  }); 

PHP

$params = json_decode(file_get_contents('php://input'), true); 
$id = $params["id"]; 
$title = $params["title"]; 

参考

github/fetch
Fetch
Fetch 概説

[フロントエンド] fetchを用いたAjax通信を行う
fetch API でも POST したい！
Using the Fetch API to send and receive JSON with PHP.