寫在前面：vue-resource可以發送ajax，實現異步加載，但是Vue官方已經不再維護這個庫了。

vue-resource依賴于vue，因此要先引入vue，再引入vue-resource。正確引入vue-resource后，再vue全局上會掛載一個$http方法，其上有一系列方法，每個HTTP請求類型都會對應一個方法。且vue-resource使用了promise，所以$http中的方法的返回值是一個promise。

目錄

1.請求方法

（1）POST請求

（2）GET請求

（3）PUT請求

（4）PATCH請求

（5）DELETE請求

（６）HEAD請求

（7）JSONP請求

2.響應對象

（1）屬性

（2）方法

---

1.請求方法

（1）POST請求

post請求用于提交數據

常用data格式：

1）表單提交：multiparty / form-data，比較老的網站會使用表單提交去獲取數據，現在基本都不會用表單提交，而是使用ajax，但是現在表單提交仍然存在，有時候需要做圖片上傳、文件上傳；

2）文件上傳：application / json，現在大多數情況下都是用這個格式。

使用方法：vm.$http.post(url,[body],[options])

1）url：必需，請求目標url；

2）body：非必需，作為請求體發送的數據；

3）options：非必需，作為請求體發送的數據

（2）GET請求

get請求用于獲取數據

使用方法：vm.$http.get(url,[options])

（3）PUT請求

put請求用于更新數據，將所有的數據全都推送到后端

使用方法：vm.$http.put(url,[body],[config])

（4）PATCH請求

patch請求用于更新數據，將修改的數據全都推送到后端

使用方法：vm.$http.patch(url,[body],[config])

（5）DELETE請求

delete請求用來刪除數據

使用方法：vm.$http.delete(url,[config])

（６）HEAD請求

head請求用來請求頭部信心

使用方法：vm.$http.headf(url,[config])

（7）JSONP請求

除了jsonp以外，以上6種的API名稱是標準的HTTP方法

使用方法：vm.$http.jsonp(url,[config])

this.$http.jsonp('https://sp0.baidu.com/5a1Fazu8AA54nxGko9WTAnF6hhy/su', {params: {wd: 'nn'},jsonp: 'cb' }).then(res => {console.log(res) })

?【注】option參數說明

2.響應對象

（1）屬性

屬性類型描述

url	String	響應的URL源
body	Object，Bolb，string	響應體數據
headers	Header	請求頭部對象
ok	Boolean	當HTTP響應碼為200到299之間的數值時該值為true
status	Number	HTTP響應碼
statusText	String	HTTP響應狀態

（2）方法

方法描述

text()	以字符串方式返回響應體
json()	以格式化后的json對象方式返回響應體
bolb()	以二進制Bolb對象方式返回響應體

this.$http.jsonp('https://sp0.baidu.com/5a1Fazu8AA54nxGko9WTAnF6hhy/su', {params: {wd: 'nn'},jsonp: 'cb' }).then(res => {return res.text(); }).then(res => {console.log(res) })

總結

以上是生活随笔為你收集整理的Vue_异步加载_vue-resource（不再维护）的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。