2017-09-02 5 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」と呼ばれる)私のサーバー側のコードは次のようになります。あなたは、私はプロパティとJSONを送信しています見ることができるように

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

名前と電子メールとその値が返されますが、応答を出力するとnullのjsonとnullのテキストが返されるため、サーバーには何も送信されないようです。

+0

コンソールには何の応答? –

+0

あなたは 'エコーjson_encode($ _ POST)で何を得る;'応じて多くのプロパティがありますが、両方 – C2486

+0

JSONとテキストフィールドが空である –

答えて

0

問題は、私は

を書かれている必要があるコンテンツタイプでは、ヘッダーにあった

アプリケーション/ x-www-form-urlencodedで。

代わり

アプリケーション/ JSONの

0

は見出し応え設定するには、JSON get.php:

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

いいえ、まだ空の配列です –

関連する問題