sugulogの日記

JavaScriptのXMLHttpRequestを扱うメソッド一覧。現役エンジニアが今まで使ったことのあるXMLHttpRequestのメソッドを集めてみました。

スポンサードリンク

macbook pro on persons lapこんにちは、すぐるです!

sugulogをお読みいただきありがとうございます!!

このブログは、「 過去の無知な自分に向けてわかりやすく説明するなら?? 」を基準に書いています。

少しでもお役に立てれば幸いです。

 

今回は、現役エンジニアが今まで使ったことのあるXMLHttpRequestのメソッドを集めてみましたということで

について簡単に解説します!!

その為このブログを読むことで、JavaScriptXMLHttpRequestを扱うメソッドついて理解が深まるのはもちろん、何か困ったときのカンニングペーパーとして参考になります。

是非最後までご愛読ください。

 

今回は、

XMLHttpRequest(XHR)

XMLHttpRequestを扱うメソッド

の順で解説していきます。

では早速、みていきましょう!!

XMLHttpRequest(XHR)

XMLHttpRequestとは非同期通信でリクエストを発行しそのレスポンスを取得することができるメソッドのことです(Ajax)。

XMLHttpRequestメソッドはfetchメソッドより昔から使用されているメソッドです。

fetchメソッドよりは記述が冗長になりますが、細かい制御を設定したり古いブラウザーに対応していたりといったメリットがあります。

定義方法はインスタンスを生成しopenメソッドでリクエスト方法を指定、sendメソッドでリクエストを送信、loadイベントを使いレスポンスを監視します。

f:id:sugulog:20210929230523p:plain

XMLHttpRequestを扱うメソッド

・abort()

通信を中断するメソッドのこと。

・open()

リクエストを初期化するメソッドのこと。第一引数に送信方法(メソッド)、第二引数にURL、第三引数に非同期(true)か同期(false)を指定する。また連携側のサーバーにbasic認証がかかっている場合第は四引数にuser(ID)、第五引数にパスワードを指定する。

・send()

サーバーへのリクエストを送信するメソッドのこと。openの送信方法がPOSTの場合は引数に送信データを指定する。

 

以上、今回のブログでした。

JavaScriptXMLHttpRequestを扱うメソッドついて理解が深まり、何か困ったときのカンニングペーパーとして参考になりそうでしたか??

全てを覚えきるのは難しいのでカンニングペーパーとしてどんどん活用してください。

今回のToDo

より詳しく知りたいメソッドを1つ選び、さらに詳しく調べてみましょう(≧∀≦)/

sugulog.hatenadiary.jp

 

最後に!!

今後も、「 過去の無知な自分に向けてわかりやすく説明するなら?? 」を基準にブログを書いていきます。

少しでも気になった方はお試しでもいいので1度読者登録お願いします!

最後までご愛読いただきありがとうございました!!