dongpu3347
2017-09-02 18:04
浏览 80
已采纳

使用fetch api不会将数据发送到服务器

I am using fetch api to interact with server. I am trying to send data to server. my front end code looks like this:

<!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: "george@g.com"})
      };

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

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

And my server side code (called "get.php") looks like this:

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

So as you can see I am sending json with properties name and email and their values but it seems that nothing is sent to server because printing the response gives null json and null text.

  • 写回答
  • 好问题 提建议
  • 追加酬金
  • 关注问题
  • 邀请回答

2条回答 默认 最新

  • donglou8371 2017-09-02 20:46
    最佳回答

    Problem was in header, in Content-type I should have written

    application/x-www-form-urlencoded;

    instead of

    application/json

    评论
    解决 无用
    打赏 举报
查看更多回答(1条)