小程序是怎么調(diào)用外部接囗數(shù)據(jù)在前端顯示？

小程序調(diào)用外部接口的原理就是http請求，我在這里簡單介紹一下：

小程序已經(jīng)對外封裝好了一個API，叫做wx.request(Object)，通過wx.request(Object)就可以和我們的后臺服務(wù)進行交互，返回數(shù)據(jù)。

Object參數(shù)類型：

url：String類型，必填，開發(fā)者后臺服務(wù)器接口地址

data：可以是Object/String/ArrayBuffer，非必填，請求的參數(shù)header：Object類型，非必填，設(shè)置請求的 header，header 中不能設(shè)置 Referer。method：String類型，非必填，默認(rèn)GET,（需大寫）有效值：OPTIONS, GET, HEAD, POST, PUT, DELETE, TRACE, CONNECTdataType：String類型，非必填，默認(rèn)json格式，如果設(shè)為json，會嘗試對返回的數(shù)據(jù)做一次 JSON.parseresponseType：String類型，非必填，默認(rèn)text，設(shè)置響應(yīng)的數(shù)據(jù)類型。合法值：text、arraybuffersuccess：Function(回調(diào)函數(shù))，非必填，收到開發(fā)者服務(wù)成功返回的回調(diào)函數(shù)fail：Function(回調(diào)函數(shù))，非必填，接口調(diào)用失敗的回調(diào)函數(shù)complete：Function(回調(diào)函數(shù))，非必填，接口調(diào)用結(jié)束的回調(diào)函數(shù)（調(diào)用成功、失敗都會執(zhí)行）success返回參數(shù)說明：

data：Object/String/ArrayBuffer，開發(fā)者服務(wù)器返回的數(shù)據(jù)

statusCode：Number，開發(fā)者服務(wù)器返回的 HTTP 狀態(tài)碼

header：Object：開發(fā)者服務(wù)器返回的 HTTP Response Header

data 數(shù)據(jù)說明：

對于 GET 方法的數(shù)據(jù)，會將數(shù)據(jù)轉(zhuǎn)換成 query string（encodeURIComponent(k)=encodeURIComponent(v)&encodeURIComponent(k)=encodeURIComponent(v)...）

對于 POST 方法且 header['content-type'] 為 application/json 的數(shù)據(jù)，會對數(shù)據(jù)進行 JSON 序列化

對于 POST 方法且 header['content-type'] 為 application/x-www-form-urlencoded 的數(shù)據(jù)，會將數(shù)據(jù)轉(zhuǎn)換成 query string (encodeURIComponent(k)=encodeURIComponent(v)&

encodeURIComponent(k)=encodeURIComponent(v)...)

回調(diào)函數(shù)使用this.setData（）函數(shù)

this.setData({'custId':1,custName:'張三'})

這些知識在小程序官方的文檔中都有描述，希望對你有所幫助，如有不對，歡迎指正，謝謝支持！