jquery 獲取 ajax 不 POST

Question

我想將一些 jquery 代碼轉換為 javascript 代碼

這是原樣 jquery

data.push({name: "value", value: "test"});

$.ajax({
    type: "POST",
    url: "src/routes.php",
    data:data,
    dataType: 'json',
})   

routes.php 只有這一行

print_r($_POST);

這就是回應

Array
(
    [value] => test
)

這是 javascript 代碼

data.push({name: "value", value: "test"});

const request = new Request('src/routes.php', {
     headers: new Headers({
        'Content-Type': 'application/json'
     }),
     method: 'POST',
     body: JSON.stringify(data),
});

fetch(request).then(res => res.json()).then(res => console.log(res));

但服務器以這種方式回復

Array
(
)

Answer 1

您不應該 json 將您的數據字符串化，僅此而已；

const request = new Request('src/routes.php', {
     headers: new Headers({
        'Content-Type': 'application/json'
     }),
     method: 'POST',
     body: data,
});

否則你必須從 php://input 讀取數據

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