[JavaScript]フォームからAPI通信を行いたい

Question

表題の通りなのですが、あるフォームから外部APIに通信を投げたいと考えております。

この際の方法を調べていたのですが、どうもajaxを用いないと不可能そうということが調査の結果わかりました。

こちらって認識としてあっているでしょうか。素のHTMLフォームのみで可能な方法があればご教授願いたいです。

また、上記あっている場合、素のHTMLフォームのみでAPI通信を行うことが不可能なのって、なぜ不可能なのでしょうか・・。

Answer 1

どうもajaxを用いないと不可能そうということが調査の結果わかりました。
こちらって認識としてあっているでしょうか。

また、上記あっている場合、素のHTMLフォームのみでAPI通信を行うことが不可能なのって、なぜ不可能なのでしょうか・・。

はい。

厳密にはajaxを利用しなくてもWebAPIをリクエストして情報を取得することはできます。しかし大抵の場合WebAPIの結果はjsonなどの人には読みづらい形式で取得されます。例えば日本政府の提供する場所情報コードAPIは以下リンクのような結果を返します。

場所情報コードAPI リクエスト例

素のHTMLフォームでは駄目な理由は、このような結果がそのままブラウザに表示されてしまうからです。
取得した結果から必要な情報を取り出してわかりやすく画面に表示する処理を、通信完了時のコールバック関数で行うためにajax通信が必要になります。

Comments

[yomigi]

詳しいご説明までいただきありがとうございます！
ということは、逆にいうと「投げっぱなしでいい(レスポンスに対してブラウザが何かしらの処理をする必要はなく、API提供側のサーバ内部で処理を行ってもらえばそれでいい)」場合には
別にajax通信など行わなくてもいい、ということになるでしょうか？

[ku__ra__ge]

はい。フォームからサブミットボタンを押した後はもうどういう表示になっても構わないならajax通信を行う必要はありません。