HTMLフォームからJSONエンコードされた投稿リクエストを送信するにはどうすればよいですか？

Question

現在、私は所有しているサーバーに投稿要求を送信しようとしていますが、これはJSONデータのみを受け入れるように構成されています。

残念ながら、私のブラウザのデベロッパーコンソールからPOST要求を調べると、JSONとしてエンコードされていないデータがエンコードされたURLとして送信されるため、応答はタイプ415です。提供されたデータ。

形式：

<form action='http://myhost.elasticbeanstalk.com/API/Beta/Register' method = 'post' enctype='application/json'> 
Email: *<br> 
<input type='text' name='Email' style='width: 500px;' value='{"Email":"test@gmail.com"}'><br> 
<br> 
(Fields denoted with * are mandatory) 
<br> 
<input type='submit' value='Apply' style='float: right;'> 
</form> 

あなたが見ることができるように、私は理論的には、コンテンツタイプのJSONのリクエストを送信する必要があり、あなたが送信される要求を調べる場合しかし、あなたはコンテンツタイプとして残っていることがわかりエンコードされたURLですが、誤っていない限り、タグ "enctype = 'application/json'"を修正する必要があります。
（imgurはいつものように、現在ダウンしているので、可能な場合、私はより恒久的なリンクにこの画像を変更します）
https://puu.sh/unXtf/2610742d2f.png

私は何かが足りないのですか？

Answer 1

ブラウザは、ネイティブに、HTMLのメディアタイプとしてJSONをサポートしていません。 XMLHttpRequest/Ajaxを使用してフォームをJSONとして送信します。 jQueryのを使用してダミー例：

$.ajax({ 
      url: 'http://yoururl', 
      type: 'POST', 
      data: yourFormDataSearilized 
      contentType: 'application/json', // this is what you want 
      success: function() { 
      // check 
      } 
    });