Axiosは、HTTPリクエストの実行に使用できる非常に人気のあるJavaScriptライブラリであり、ブラウザとNode.jsプラットフォームの両方で機能します。
Axiosの紹介
Axiosは、HTTPリクエストの実行に使用できる非常に人気のあるJavaScriptライブラリであり、ブラウザとNode.jsプラットフォーム。
IE8以降のサポートを含むすべての最新ブラウザをサポートします。
これはpromiseベースであり、これにより、実行する非同期/待機コードを記述できます。XHR非常に簡単にリクエストできます。
Axiosを使用すると、ネイティブに比べてかなりの利点がありますフェッチAPI:
- 古いブラウザをサポートします(フェッチにはポリフィルが必要です)
- リクエストを中止する方法があります
- 応答タイムアウトを設定する方法があります
- CSRF保護が組み込まれています
- アップロードの進行状況をサポート
- 自動実行JSONデータ変換
- Node.jsで動作します
ビデオチュートリアル
POSTエンドポイントを提供するExpressサーバーを作成し、それにAxiosリクエストを送信して、データを投稿するこのビデオを確認してください。
インストール
Axiosは、Node.jsで使用するためにインストールできます。npm:
npm install axios
ブラウザでは、unpkg.comを使用してページに含めることができます。
<script src="https://unpkg.com/axios/dist/axios.min.js"></script>
API呼び出しを有効にする必要があることを忘れないでくださいCORSブラウザ内でアクセスする必要があります。そうしないと、リクエストは失敗します。
Axios API
からHTTPリクエストを開始できますaxios
オブジェクト:
axios({
url: 'https://dog.ceo/api/breeds/list/all',
method: 'get'
})
これは約束する。 async / awaitを使用して、応答オブジェクトに対するその約束を解決できます。
;(async () => {
const response = await axios({
url: 'https://dog.ceo/api/breeds/list/all',
method: 'get'
})
console.log(response)
})()
便宜上、通常はメソッドを使用します
axios.get()
axios.post()
オールディーズの場合、jQueryのように、
$.get()
そして$.post()
の代わりに$.ajax()
それらはより単純な構文を提供します。例えば:
;(async () => {
const response = await axios.get('https://dog.ceo/api/breeds/list/all')
console.log(response)
})()
Axiosは、あまり人気がないがまだ使用されているすべてのHTTP動詞のメソッドを提供します。
axios.delete()
axios.put()
axios.patch()
axios.options()
リクエストのHTTPヘッダーを取得し、本文を破棄するメソッド、axios.head()
。
GETリクエスト
このNode.jsの例は、DogAPIを使用して、すべての犬の品種のリストを取得するにはaxios.get()
、そしてそれはそれらを数えます:
const axios = require('axios')
const getBreeds = async () => {
try {
return await axios.get(‘https://dog.ceo/api/breeds/list/all’)
} catch (error) {
console.error(error)
}
}
const countBreeds = async () => {
const breeds = await getBreeds()
if (breeds.data.message) {
console.log(Got </span><span style="color:#e6db74">${</span>Object.<span style="color:#a6e22e">entries</span>(<span style="color:#a6e22e">breeds</span>.<span style="color:#a6e22e">data</span>.<span style="color:#a6e22e">message</span>).<span style="color:#a6e22e">length</span><span style="color:#e6db74">}</span><span style="color:#e6db74"> breeds
)
}
}
countBreeds()
async / awaitを使用したくない場合は、約束構文:
const axios = require('axios')
const getBreeds = () => {
try {
return axios.get(‘https://dog.ceo/api/breeds/list/all’)
} catch (error) {
console.error(error)
}
}
const countBreeds = async () => {
const breeds = getBreeds()
.then(response => {
if (response.data.message) {
console.log(
Got </span><span style="color:#e6db74">${</span>Object.<span style="color:#a6e22e">entries</span>(<span style="color:#a6e22e">response</span>.<span style="color:#a6e22e">data</span>.<span style="color:#a6e22e">message</span>).<span style="color:#a6e22e">length</span><span style="color:#e6db74">}</span><span style="color:#e6db74"> breeds
)
}
})
.catch(error => {
console.log(error)
})
}
countBreeds()
GETリクエストにパラメータを追加する
GET応答には、次のようにURLにパラメーターを含めることができます。https://site.com/?name=Flavio
。
Axiosでは、次のURLを使用してこれを実行できます。
axios.get('https://site.com/?name=Flavio')
またはあなたは使用することができますparams
オプションのプロパティ:
axios.get('https://site.com/', {
params: {
name: 'Flavio'
}
})
POSTリクエスト
POSTリクエストの実行は、GETリクエストの実行と同じですが、代わりにaxios.get
、 あなたが使うaxios.post
:
axios.post('https://site.com/')
POSTパラメータを含むオブジェクトは2番目の引数です。
axios.post('https://site.com/', {
name: 'Flavio'
})
私の無料ダウンロードNode.jsハンドブック
その他のノードチュートリアル:
- npmパッケージマネージャーの紹介
- Node.jsの紹介
- Axiosを使用したHTTPリクエスト
- Node.jsアプリをホストする場所
- Node.jsを使用してGoogleAnalyticsAPIと対話します
- npxノードパッケージランナー
- package.jsonガイド
- npmはどこにパッケージをインストールしますか?
- Node.jsを更新する方法
- npmを使用してインストールされたパッケージを使用または実行する方法
- package-lock.jsonファイル
- npmを使用したセマンティックバージョニング
- node_modulesフォルダーをGitにコミットする必要がありますか?
- すべてのノードの依存関係を最新バージョンに更新します
- Node.jsを使用したJSONの解析
- npmパッケージのインストール済みバージョンを検索します
- Node.jsストリーム
- 古いバージョンのnpmパッケージをインストールします
- ノード内の現在のフォルダを取得します
- ノードにオブジェクトを記録する方法
- エクスポートを使用してノードファイルから機能を公開します
- ノードとブラウザの違い
- ノードを使用してHTTPPOSTリクエストを作成します
- Nodeを使用してHTTPリクエストの本文データを取得する
- ノードバッファ
- Node.jsの簡単な歴史
- Node.jsをインストールする方法
- Nodeを使用するには、どのくらいのJavaScriptを知っている必要がありますか?
- Node.jsREPLの使用方法
- ノード、コマンドラインから引数を受け入れる
- ノードを使用してコマンドラインに出力する
- ノードのコマンドラインからの入力を受け入れる
- `npmアンインストール`でnpmパッケージをアンインストールする
- npmグローバルまたはローカルパッケージ
- npmの依存関係とdevDependencies
- Node.jsイベントループ
- process.nextTick()を理解する
- setImmediate()を理解する
- ノードイベントエミッター
- HTTPサーバーを構築する
- ノードでHTTPリクエストを行う
- Nodefsモジュール
- Axiosを使用したノードでのHTTPリクエスト
- Nodeでファイルを読み取る
- ノードファイルパス
- Nodeを使用したファイルの書き込み
- ノードファイルの統計
- ノードでのファイル記述子の操作
- ノード内のフォルダーの操作
- ノードパスモジュール
- ノードhttpモジュール
- Node.jsでのWebSocketの使用
- MySQLとNodeの操作の基本
- Node.jsでのエラー処理
- パグガイド
- Node.jsから環境変数を読み取る方法
- Node.jsプログラムを終了する方法
- Nodeosモジュール
- ノードイベントモジュール
- ノード、開発と本番の違い
- Node.jsにファイルが存在するかどうかを確認する方法
- Node.jsで空のファイルを作成する方法
- Node.jsでファイルを削除する方法
- Node.jsを使用してファイルの最終更新日を取得する方法
- JavaScriptで日付が今日かどうかを判断する方法
- Node.jsのファイルにJSONオブジェクトを書き込む方法
- 次のプロジェクトでNode.jsを使用する必要があるのはなぜですか?
- 任意のフォルダからWebサーバーを実行します
- Node.jsでMongoDBを使用する方法
- ChromeDevToolsを使用してNode.jsアプリをデバッグします
- pnpmとは何ですか?
- Node.jsランタイムv8オプションリスト
- npm使用時の「書き込みアクセスの欠落」エラーを修正する方法
- Node.jsでESモジュールを有効にする方法
- Node.jsを使用して子プロセスを生成する方法
- Expressで解析されたボディと生のボディの両方を取得する方法
- Node.jsでファイルのアップロードを処理する方法
- ノードモジュールのピア依存関係とは何ですか?
- Node.jsでCSVファイルを作成する方法
- Node.jsでCSVファイルを読み取る方法
- ノードコアモジュール
- Node.jsを使用して一度に複数のフォルダー番号をインクリメントする
- キャンバスをデータURLに印刷する方法
- Node.jsとCanvasを使用して画像を作成および保存する方法
- Node.jsを使用して画像をダウンロードする方法
- Node.jsでファイルの名前を一括変更する方法
- ノード内のフォルダ内のすべてのファイルの名前を取得する方法
- promiseを使用し、Node.jsコールバックベースの関数で待機する方法
- npmパッケージをローカルでテストする方法
- 実行時に現在のNode.jsバージョンを確認する方法
- Sequelizeを使用してPostgreSQLと対話する方法
- Node.jsを使用してHTMLページを提供する
- Node.jsの `util.pumpは関数ではありません`エラーを解決する方法