vue-resourc發(fā)起異步請(qǐng)求的方法
除了vue-resource之外,還可以使用'axios‘的第三方包實(shí)現(xiàn)數(shù)據(jù)的請(qǐng)求因?yàn)榭缬蚴≡L問不到,不過同域的可以直接訪問.html文件來(lái)檢驗(yàn),這樣可以不用搭服務(wù)器建議使用axios來(lái)進(jìn)行異步訪問請(qǐng)求
1.安裝或?qū)雟ue-resource
安裝命令:
npm install vue-resource
導(dǎo)入:
import VueResource from 'vue-resource' Vue.use(VueResource)
2.使用
格式:
this.http.get('/url',[options]).then(successCallback,errorCallback)
更多
get(url,[options]) post(url,[body],[options]) jsonp(url,[options])
具體使用:
get:
function(){ this.$http.get{'/訪問地址'}.then(function(result){ //訪問成功后的處理 },function(result){ //訪問不成功的處理 }) }
post:
function(){ this.$http.post{'/訪問地址',{},{emulateJSON:true}}.then(function(result){ //訪問成功后的處理 },function(result){ //訪問不成功的處理 }) }
jsonp:
function(){ this.$http.jsonp{'/訪問地址'}.then(function(result){ //訪問成功后的處理 },function(result){ //訪問不成功的處理 }) }
result的數(shù)據(jù)使用推薦使用result.body下的數(shù)據(jù)
vue-resource提供的全局配置數(shù)據(jù)根域名的方法
作用
使發(fā)起請(qǐng)求時(shí),請(qǐng)求地址不用再寫根域名
方便移植設(shè)置全局根域名
//在Vue實(shí)例創(chuàng)建前定義 //注意:根域名后面需要帶斜線 Vue.http.options.root='根域名/'
請(qǐng)求
//注意:地址前面不能帶斜線 this.$http.get('a/a') vue-resource提供的全局啟用emulateJSON選項(xiàng) //在Vue實(shí)例創(chuàng)建前定義 Vue.http.options.emulateJSON=true
總結(jié)
以上所述是小編給大家介紹的vue-resourc發(fā)起異步請(qǐng)求的方法,希望對(duì)大家有所幫助!
相關(guān)文章
vue3?Table分頁(yè)保留選中狀態(tài)代碼示例
這篇文章主要給大家介紹了關(guān)于vue3?Table分頁(yè)保留選中狀態(tài)的相關(guān)資料,vue table組件是一個(gè)非常方便的表格組件,它可以幫助我們實(shí)現(xiàn)分頁(yè)和選中功能,需要的朋友可以參考下2023-08-08Vue移動(dòng)端項(xiàng)目實(shí)現(xiàn)使用手機(jī)預(yù)覽調(diào)試操作
這篇文章主要介紹了Vue移動(dòng)端項(xiàng)目實(shí)現(xiàn)使用手機(jī)預(yù)覽調(diào)試操作,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過來(lái)看看吧2020-07-07vue預(yù)覽 pdf、word、xls、ppt、txt文件的實(shí)現(xiàn)方法
這篇文章主要介紹了vue預(yù)覽 pdf、word、xls、ppt、txt文件的實(shí)現(xiàn)方法,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2022-04-04vue使用video.js實(shí)現(xiàn)播放m3u8格式的視頻
這篇文章主要為大家詳細(xì)介紹了vue如何使用video.js實(shí)現(xiàn)播放m3u8格式的視頻,文中的示例代碼講解詳細(xì),感興趣的小伙伴可以跟隨小編一起學(xué)習(xí)一下2023-12-12實(shí)現(xiàn)shallowReadonly和isProxy功能示例詳解
這篇文章主要為大家介紹了實(shí)現(xiàn)shallowReadonly和isProxy功能示例詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2022-12-12Vue3+antDesignVue實(shí)現(xiàn)表單校驗(yàn)的方法
這篇文章主要為大家詳細(xì)介紹了基于Vue3和antDesignVue實(shí)現(xiàn)表單校驗(yàn)的方法,文中的示例代碼講解詳細(xì),具有一定的參考價(jià)值,需要的小伙伴可以了解下2024-01-01