2017-03-04 11 views
0

私はこのコードをhttpのポストで実行していますが、ポストは動作していますが、サーバー側はデータをjson形式で待っています。そして、それはjson形式ではなく私の投稿からのデータを表示します。データをjson形式で投稿するようにコードを変更するにはどうすればよいですか?あなたがする必要があるすべてを投稿するjquery json http post - 投稿データをjson形式に変換する方法は?

<!DOCTYPE html> 
<html> 
<head> 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script> 
<script> 
$(document).ready(function(){ 
    $("button").click(function(){ 
    $.post("http://www.example.com/post", 
    dataType: 'json', 
    { 
     "userID" :"JohnDoe", 
     "timeStamp" :"" 

    }, 
    function(data,status){ 
     alert("Data: " + data + "\nStatus: " + status); 
     for (var key in data) { 
      if (data.hasOwnProperty(key)) { 
       var val = data[key]; 
       console.log(val); 
      } 
     }  

    }); 



    }); 
}); 
</script> 
</head> 
<body> 

<button>Send an HTTP POST request to a page and get the result back</button> 

</body> 
</html> 

答えて

0

は、私は以下行われ、dataType: jsonを指定してきたようdataオブジェクトにポストを指定しています。

<!DOCTYPE html> 
 
<html> 
 

 
<head> 
 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"> 
 
    </script> 
 

 
    <script> 
 
    $(document).ready(function() { 
 
     $("button").click(function() { 
 
     $.post({ 
 
      type: 'POST', 
 
      url: "https://jsonplaceholder.typicode.com/posts", 
 
      data: { 
 
      "userID": "JohnDoe", 
 
      "timeStamp": "" 
 
      }, 
 
      dataType: 'json', 
 
      success: function(data, status) { 
 
      console.log(data); 
 
      alert("Data: " + data + "\nStatus: " + status); 
 
      for (var key in data) { 
 
       if (data.hasOwnProperty(key)) { 
 
       var val = data[key]; 
 
       console.log(val); 
 
       } 
 
      } 
 
      }, 
 
      error: function(err) { 
 
      console.log(err); 
 
      } 
 
     }); 
 
     }); 
 
    }); 
 
    </script> 
 
</head> 
 

 
<body> 
 

 
    <button> 
 
    Send an HTTP POST request to a page and get the result back 
 
    </button> 
 

 
</body> 
 

 
</html>

+0

(あなたがタイプミスがあった方法で、あなたはどこか)が欠落している)私はあなたのコードを試してみて、それが動作しません。 – CK8

+0

@ CK8問題は何ですか? –

+0

@ CK8コードを動作中のエンドポイントで更新しました –

関連する問題