回答編集履歴
1
不要な引数を削除、記述修正。
answer
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
htmlのformで送るとHTTPリクエストの`Content-Type:`はどうしても`application/x-www-form-urlencoded`になってしまいます。これは変えられません。それでもhtml中でやりたいのであれば、html + JavaScript +
|
|
1
|
+
htmlのformで送るとHTTPリクエストの`Content-Type:`はどうしても`application/x-www-form-urlencoded`になってしまいます。これは変えられません。それでもhtml中でやりたいのであれば、html + JavaScript + Ajax でできましたのでご紹介します。
|
|
2
2
|
|
|
3
|
-
[JavaScript によるフォームの送信 - MDN web docs](https://developer.mozilla.org/ja/docs/Learn/HTML/Forms/Sending_forms_through_JavaScript) を参考に、以下のhtmlファイルを作成し、サーブレットが稼働していることを想定したhttpサーバー側に配置しました。
|
|
3
|
+
[JavaScript によるフォームの送信 - MDN web docs](https://developer.mozilla.org/ja/docs/Learn/HTML/Forms/Sending_forms_through_JavaScript) を参考に、以下のhtmlファイルを作成し、サーブレットが稼働していることを想定したhttpサーバー側に配置しました。Ajaxを使うので、同じサイトでなければいけません。
|
|
4
4
|
POST先のURLは、「http://localhost:8000/servlet」としています。
|
|
5
5
|
|
|
6
6
|
```html
|
|
@@ -22,7 +22,7 @@
|
|
|
22
22
|
参考:
|
|
23
23
|
https://developer.mozilla.org/ja/docs/Learn/HTML/Forms/Sending_forms_through_JavaScript
|
|
24
24
|
*/
|
|
25
|
-
function sendData(
|
|
25
|
+
function sendData() {
|
|
26
26
|
var XHR = new XMLHttpRequest();
|
|
27
27
|
|
|
28
28
|
// データが正常に送信された場合に行うことを定義します
|
|
@@ -70,4 +70,4 @@
|
|
|
70
70
|
```
|
|
71
71
|
POSTメソッドであり、`Content-Type:`は`application/json`、コンテントボディ部も生のJSONデータです。macOS Catalinaで、WEBブラウザーはchromeを使いました。
|
|
72
72
|
|
|
73
|
-
html + JavaScript +
|
|
73
|
+
html + JavaScript + Ajaxならやってやれないことは無いと言うことですが、サーバー上に配置する必要があるし煩雑でもあるので、他回答者であるtanatさんが提案されたようにpostmanのようなツールや、`curl`コマンド、`nc`コマンド等を使った方が良い気がします。REST APIを提供するようなWEBサービスでは、`curl`コマンドでの使用例も多く掲載されています。
|