uni app中的介面呼叫方式總結

2021-10-05 17:45:12 字數 2375 閱讀 5599

以調取介面獲取輪播圖資料為例:

for=

"(item,index) in carouseldata"

:key=

"index"

>

"item.url"

>

<

/image>

<

/swiper-item>

<

/swiper>

<

/view>

<

/template>

export

default}}

<

/script>

第一種:uni.request({})

uni.

request(,

method:

'請求方式'

,//get、post、delete

header:

, success:res=>

, fail:()

=>

, complete:

=>

})

第二種:uni.request({}).then(callback)

uni.

request(,

method:

'請求方式'

,//get、post、delete

header:,}

).then

(result=>

]// error:調取介面的引數data有誤時才不為null

// nativedata:調取介面後返回的原生資料。

let[error,res]

=result;

//es6對陣列的解構

if(res.statuscode===

200)

if(res.statuscode===

404)

})

第三種:在methods方法區利用 async/await 封裝非同步函式,然後再呼叫該函式

methods:);

let[error,res]

=result;

//es6對陣列的解構

if(res.statuscode===

200)

if(res.statuscode===

404)}}

,onload()

第四種:利用promise封裝 uni.request() 成像 this.$axios.get().then() 的形式

一、 建立乙個物件,將該物件掛在vue的原型下。

1、新建 @/common/request.js 檔案

export default, //get方法對應 get 請求方式

post(){} //method方法對應 method 請求方式

}2、進入main.js檔案:

import request from 『@/common/request.js』

vue.prototype.$request=request;

二、在request.js檔案中封裝uni.request()。

檔案內容

export

default;if

(res.statuscode===

200)

else}}

)})}

,get

(url,data=

,options=),

post

(url,data=

,options=

)}

三、在頁面中使用封裝的函式

this.$request.get().then().catch();

export

default

;let native=

;//true:介面返回原生資料,false返回非原生資料

this

.$request.

get(url,data,native)

.then

(res=>).

catch

(res=>);

}}<

/script>

第四種方法中用到了es6的以下知識點:

1、…擴充套件運算子

2、對陣列和物件的解構

3、promise

RestTemplate呼叫遠端介面的總是不通?

很多同學在問我,resttemplate呼叫遠端第三方介面總是報錯的問題,在這裡提一下,因為思路其實非常簡單,但問我的同學卻很無處下手,希望可以幫到大家。resttemplate其實就是http協議的生成並呼叫,作用同第三方http client工具,只是乙個是工具乙個是 但功能完全一致。在不知道怎...

呼叫介面實現類的方式

1.當要呼叫介面的實現類時,有2種方法 1 宣告介面,實現類例項化 2 通過配置檔案的方式,用和兩個標籤,決定使用介面的那個實現類 2.遇到的問題,別人寫好使,我寫不好使 1 使用ssh開發,宣告介面 peforumcommentservice 是介面 private peforumcomments...

幾種常用介面呼叫方式

個人總結下幾種常用的介面呼叫方式,具體看對方提供的是什麼樣的webservice介面,如有錯誤,歡迎指正 翻譯 中 英 英 中 日 中 param source return public static string translate string source from auto to auto...