Vue の get リクエストと post リクエストの違いのまとめ

このチュートリアルの動作環境: Windows 7 システム、vue 2.9.6 バージョン、DELL G3 コンピュータ。

Vue における get リクエストと post リクエストの違い

1. リクエストを取得する

GET リクエストでは、パラメータは URL の後に続きます。つまり、パラメータはヘッダーに配置されます。送信できるパラメータは比較的小さいです。パラメータを使用します。

this.$http.get(' URL ').then(result=>{
if(結果ステータス===0){
// 成功 this.list=result.message;
// ここでは、要求されたデータテーブル内のリストの名前がメッセージであると想定されています
}それ以外{
// 失敗、ポップアップ ウィンドウ アラート alert("データ要求に失敗しました");
}
})

2. 投稿リクエスト

POST リクエストでは、パラメータは URL の後ではなく本文内に配置されます。データを使用する場合、渡されるパラメータが大きくなります。

this.$http.post('URL',{id:this.id},{emulateJSON:true})..then(result=>{
if(result.body.status===0){
// 成功 }else{
// 失敗アラート("データの取得に失敗しました!");
]
})

知識ポイントの拡張:

Vueはファイル操作のダウンロードとエクスポートにpost/getを使用します。

<!DOCTYPE html>
<html>
	<ヘッド>
		<メタ文字セット="UTF-8">
		<title>フロントエンド プロジェクトのダウンロード エクスポート ファイル</title>
	</head>
	<本文>
		<スクリプト>
			
		/**
		 * post メソッド * 戻り値: ファイル ストリーム * 利点: ファイル名を自分で変更して簡単にデバッグできる */
	  パラメータ = {      
			リストデータ: this.ListData     
		}
   	_this.$http.post(url,params,{responseType:"arraybuffer"} //項目を追加する必要があります).then(function(res) {
      コンソール.log(res)
      var blob = new Blob([res.data], {type: 'application/msword; charset=utf-8'});
      var ファイル名 = "download.doc";
      var a = document.createElement('a');
      var url = window.URL.createObjectURL(blob);
      a.href = URL;
      a.download = ファイル名;
      var body = document.getElementsByTagName('body')[0];
      body.appendChild(a);
      クリック();
      body.removeChild(a);
      window.URL.revokeObjectURL(url);
		}
		
		/**
		 * get メソッド * 戻り値: ファイル ストリーム * 利点: フォアグラウンドで処理する必要がなく、すべての処理がバックグラウンドで実行されます * 欠点: デバッグは変更されません (バックグラウンド インターフェイスの安定性を確保する必要があります)
		 */
		exportURL を `api/sysLog/export?content=${content}&ip=${ip}` とします。
   	window.open(エクスポートURL、"_blank")
		
		</スクリプト>
	</本文>
</html>

これで、vue の get リクエストと post リクエストの違いに関するこの記事は終了です。vue の get リクエストと post リクエストの違いの詳細については、123WORDPRESS.COM の以前の記事を検索するか、次の関連記事を引き続き参照してください。今後とも 123WORDPRESS.COM をよろしくお願いいたします。

以下もご興味があるかもしれません: