2017-09-02 41 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

不行,它仍然是空阵列 –

相关问题