なぜAxiosは素晴らしいですか
1372 ワード
HTTPリクエストを作ることは、簡単に肥大化し、不必要に複雑になる.JQueryのAjaxメソッドやjQueryでも使えます.しかし、それはその限界を持っていて、約束に大いに基づいているコードベースとうまく合いません.
入力:axios.Axiosはあなたの人生を千倍にする約束ベースのHTTPハンドラです.それは非常に使いやすいです.たとえば、jQueryを通してのAjaxリクエストでは、1行以上の行を取ることができます.また、より多くの行をコード化していません.
Axiosリクエストはほとんどの用途に2つの主要なフォームを取ることができます.最も単純なもの、例えばGETリクエストは以下のようになります.
代わりにポストリクエストを作りたかったとしましょう.そこにいくつかのオプションを追加したいと思います.また、機能としてAxiosを使用することができますし、何をパラメータを使用してオブジェクトを与える.例えば、
ボーナス:あなたはすでにそれを使用していない場合は、Expressはあなたが作ったすべてのそれらの超クリーンな要求を受信するための素晴らしいツールです!
入力:axios.Axiosはあなたの人生を千倍にする約束ベースのHTTPハンドラです.それは非常に使いやすいです.たとえば、jQueryを通してのAjaxリクエストでは、1行以上の行を取ることができます.また、より多くの行をコード化していません.
Axiosリクエストはほとんどの用途に2つの主要なフォームを取ることができます.最も単純なもの、例えばGETリクエストは以下のようになります.
const axios = require('axios');
axios.get('YourURLorEndpointHere');
それは簡単な取得要求です.楽しい部分は、2行目のその文が実際に約束を返すということですので、非常に簡単に対応できます.例えば、const axios = require('axios');
axios.get('YourURLorEndpointHere')
.then(response => {
//do something
})
.catch(err => {
//do something else
});
そして、あなたは完了しました.それです.それは全体のリクエストを取得、処理され、キャッチです.代わりにポストリクエストを作りたかったとしましょう.そこにいくつかのオプションを追加したいと思います.また、機能としてAxiosを使用することができますし、何をパラメータを使用してオブジェクトを与える.例えば、
axios({
method: 'post',
url: 'yourURLorEndpointHere',
data: {
//Your info to send here
}
})
.then(response => {
//do something with the response
})
.catch(err => {
//handle any errors
});
それです.それはあなたが少なくとも単純なウェブサイトのために、あなたが遭遇するすべての状況の90 %で使用するものです.Axiosは、簡単に、よりクリーンなHTTPのリクエストをすることができます.ボーナス:あなたはすでにそれを使用していない場合は、Expressはあなたが作ったすべてのそれらの超クリーンな要求を受信するための素晴らしいツールです!
Reference
この問題について(なぜAxiosは素晴らしいですか), 我々は、より多くの情報をここで見つけました https://dev.to/programmingnate/why-axios-is-awesome-and-how-to-get-started-with-it-2ncjテキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol