this.$http.get(' URL ').then(result=>{
if(result.status===0){
// 成功了
this.list=result.message;
// 這里是假設(shè)被請(qǐng)求的數(shù)據(jù)表中的列表名稱為message
}else{
// 失敗了 ，彈出窗體警告
alert("數(shù)據(jù)請(qǐng)求失敗");
}
})

2、post請(qǐng)求

在POST請(qǐng)求中參數(shù)是放在body中，并不跟在URL后面。使用data,傳遞的參數(shù)較大。

this.$http.post('URL',{id:this.id},{emulateJSON:true})..then(result=>{
if(result.body.status===0){
// 成功了
}else{
// 失敗了
alert("獲取數(shù)據(jù)失??！");
]
})

知識(shí)點(diǎn)擴(kuò)展：

vue 使用post/get 下載導(dǎo)出文件操作

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>前端項(xiàng)目下載導(dǎo)出文件</title>
	</head>
	<body>
		<script>
			
		/**
		 * post 方式 
		 * 返回：文件流
		 * 好處：可以自己修改文件名稱 方便調(diào)試
		 */
	  let params ={      
			ListData : this.ListData     
		}
   	_this.$http.post(url,params,{responseType:"arraybuffer"} //必須添加項(xiàng)
    ).then(function(res) {
      console.log(res)
      var blob = new Blob([res.data], {type: 'application/msword;charset=utf-8'});
      var filename = "download.doc";
      var a = document.createElement('a');
      var url = window.URL.createObjectURL(blob);
      a.href = url;
      a.download = filename;
      var body = document.getElementsByTagName('body')[0];
      body.appendChild(a);
      a.click();
      body.removeChild(a);
      window.URL.revokeObjectURL(url);
		}
		
		/**
		 * get 方式
		 * 返回：文件流
		 * 好處：前臺(tái)什么都不需要處理 完全后臺(tái)處理
		 * 缺點(diǎn)：不變調(diào)試（需要確保后臺(tái)接口穩(wěn)定）
		 */
		let exportURL = `api/sysLog/export?content=${content}&ip=${ip}`;
   	window.open(exportURL, "_blank")
		
		</script>
	</body>
</html>

到此這篇關(guān)于vue中g(shù)et和post請(qǐng)求的區(qū)別點(diǎn)總結(jié)的文章就介紹到這了,更多相關(guān)vue中g(shù)et和post請(qǐng)求的區(qū)別是什么內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

您可能感興趣的文章: