1.fetch
AJAXの選択肢がES6に登場しているとして知られているフェッチ、ES6は、オブジェクトの約束を使用しています。デザインの約束に基づいて取得します。コードにアヤックスよりもはるかに単純な構造を取得し、ビットjQueryのAJAXのようなパラメータ。しかし、我々はそれを覚えておく必要があります
より多くのajaxのパッケージを取り出しますが、ネイティブJS、のXMLHttpRequestオブジェクトを使用していないではありません
。
:の利点フェッチ
1.素敵にミックス内のオブジェクトを追跡するための関心事の分離、無入力、出力、およびステータスイベント
2より良く、より便利な文言を
具体的な使用方法は次のとおりです。
フェッチ( 'のhttp:// localhostを:8181 /メッセージボード/メッセージ'、{方法: 'GET'、ヘッダー:{ 'コンテンツタイプ': 'アプリケーション/ JSON'}})
.then(応答=> response.json())
.then(JSON => {
console.log(JSON)。
})
1.axios
Vue2.0、特に雨の後の川は、あなたが、axiosでjQueryのアヤックスを交換することをお勧めしますおそらくので、多くの人の目にaxios。
axios HTTPクライアントはnodejsのためのブラウザベースの約束であると、本質的には、ネイティブXHRのパッケージであるが、それ自体は、次のような特徴があり、最新のES仕様、に沿って、約束のバージョンを実装している:
1.ブラウザからXMLHttpRequestの容器に作成
APIの約束2.サポートを
3.クライアントのサポートを防ぐCSRF
いくつかのインターフェースを提供(コンビニエンス操作の多くは、重要な)4.同時要求すること
のNode.jsからのHTTPリクエストを作成5.
6.要求と応答のインターセプトを
7変換要求と応答データ
8.取消要求
9.自動的にJSONデータに変換
PS:防ぐCSRF:、ブラウザ同一生成元ポリシーに応じて、クッキーのキーからgetであなたのすべてのリクエストをすることですウェブサイトが偽物であるがあなたは簡単にこの要求の背景には、正しい戦略を取るために、偽のウェブサイト上でユーザーの入力を誤解されて識別できるように、クッキーのキーを取得する必要があります。
axios HTTPクライアントはnodejsのためのブラウザベースの約束であると、本質的には、ネイティブXHRのパッケージであるが、それ自体は、次のような特徴があり、最新のES仕様、に沿って、約束のバージョンを実装している:
1.ブラウザからXMLHttpRequestの容器に作成
APIの約束2.サポートを
3.クライアントのサポートを防ぐCSRF
いくつかのインターフェースを提供(コンビニエンス操作の多くは、重要な)4.同時要求すること
のNode.jsからのHTTPリクエストを作成5.
6.要求と応答のインターセプトを
7変換要求と応答データ
8.取消要求
9.自動的にJSONデータに変換
PS:防ぐCSRF:、ブラウザ同一生成元ポリシーに応じて、クッキーのキーからgetであなたのすべてのリクエストをすることですウェブサイトが偽物であるがあなたは簡単にこの要求の背景には、正しい戦略を取るために、偽のウェブサイト上でユーザーの入力を誤解されて識別できるように、クッキーのキーを取得する必要があります。
具体的な使用方法は次のとおりです。
まず、Vueのプロジェクトは、VUE追加axiosを入力してください
次に、あなたが使用することができます。
axios.get( 'のhttp:// localhostを:8181 /メッセージボード/メッセージ)
.then(応答=> {
console.log(response.data)
})
参考文献: