Wie reiche ich eine JSON-codierte Postanfrage von einem HTML-Formular ein?

Question

Derzeit versuche ich eine Post-Anfrage an einen Server zu senden, der nur JSON-Daten akzeptiert.

Leider, wenn ich die Post-Anfrage über die Entwicklerkonsole meines Browsers inspizieren, sendet es die Daten nicht als JSON codiert, sondern als eine codierte URL, so dass die Antwort vom Typ 415 ist, aufgrund der Diskrepanz zwischen erwartetem Typ und bereitgestellte Daten.

Die Form:

<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> 

Wie Sie sehen können, habe ich in der Theorie eine Anfrage von Inhaltstyp json senden sollte, aber wenn Sie die Anfrage prüfen, die Sie sehen, gesendet wird, dass der Inhaltstyp als bleibt codierte URL, aber das Tag "enctype = 'application/json'" sollte das beheben, wenn ich mich nicht irre.
(Imgur wird derzeit nach unten, wie üblich, so dass ich dieses Bild an einen dauerhafteren Link ändern, wenn möglich)
https://puu.sh/unXtf/2610742d2f.png

Bin ich etwas fehlt?

Answer 1

Browser nativ unterstützen JSON nicht als Medientyp mit HTML. Verwenden Sie XMLHttpRequest/Ajax, um Ihr Formular als JSON zu senden. Dummy Beispiel jQuery:

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