2017-09-02 47 views
0

我正在使用提取api與服務器進行交互。我正在嘗試將數據發送到服務器。我的前端代碼如下所示:使用提取API未將數據發送到服務器

<!DOCTYPE html> 
<html> 
<head> 
    <title> Fetch Testing </title> 
</head> 
<body> 
    <button id = "add"> Add </button> 

    <script> 
    document.getElementById("add").addEventListener("click", function(){ 
     var options = { 
     method: "POST", 
     headers: { 
      "Content-Type": "application/json" 
     }, 
     body: JSON.stringify({name: "george", email: "[email protected]"}) 
     }; 

     fetch("get.php",options) 
     .then(function(response){ 
     console.log(response); 
     }); 
    }); 

    </script> 
</body> 
</html> 

而且我的服務器端代碼(稱爲「get.php」)是這樣的:

<?php 
    echo var_dump($_POST); 
?> 

因此,大家可以看到我送的JSON與性能名稱和電子郵件以及它們的值,但似乎沒有任何內容被髮送到服務器,因爲打印響應會給出空JSON和空文本。

+0

是在控制檯有何反應? –

+0

你在'echo json_encode($ _ POST)中得到了什麼;' – C2486

+0

有很多屬性在響應,但json和文本字段都是空的 –

回答

0

問題是在報頭,在內容類型我應該寫

應用程序/ x-WWW窗體-urlencoded;

代替

應用/ JSON

0

組的迴應前往JSON get.php:

header('Content-Type: application/json'); 
echo json_encode($_POST); 
+0

不行,它仍然是空陣列 –

相關問題