小程式 呼叫後端介面的方法

2022-03-08 15:32:48 字數 1691 閱讀 2152

此方法簡單易懂,但是在使用時**量過大,我建議還是封裝一下比較好用。

1

wx.request(,

7header: ,

10success(res)

13 })

12//

專案url相同部分,減輕**量,同時方便專案遷移3//

這裡因為我是本地除錯,所以host不規範,實際上應該是你備案的網域名稱資訊

/**7* post請求,

8* url:介面

9* postdata:引數,json型別

10* dosuccess:成功的**函式

11* dofail:失敗的**函式

12*/

13function

request(url, postdata, dosuccess, dofail) ,

20data: postdata,

21 method: 'post',

22 success: function

(res) ,

26 fail: function

() ,

29})30}

3132

//get請求,不需傳參,直接url呼叫,

33function

getdata(url, dosuccess, dofail) ,

39 method: 'get',

40 success: function

(res) ,

43 fail: function

() ,

46})47}

4849/**

50* module.exports用來匯出**

51* js檔案中通過var call = require("../util/request.js") 載入

52* 在引入引入檔案的時候" "裡面的內容通過../../../這種型別,小程式的編譯器會自動提示,因為你可能

53* 專案目錄不止一級,不同的js檔案對應的工具類的位置不一樣

54*/

55 module.exports.request =request;

56 module.exports.getdata = getdata;

1

//引入**

2var call = require("../util/request.js")34

page(,

89 onload: function

() ,

16 shufflesuc: function

(data) )

21//

我後面測試了一下,直接this.setdata也可以,但是因為我在沒有使用封裝方法的時候

22//

this.setdata報過錯,不能直接用this,所以我在賦值的時候一般都會加上var that = this;

23//

這句話算是乙個不是習慣的習慣

24},

25 fail: function

() ,

28 })

將**函式寫在page裡面,在呼叫封裝方法的時候通過this.方法名呼叫,這樣就能確保that.setdata方法有效。

小程式呼叫後端介面服務 配置檔案詳解

前言 為了開發階段的效率更高,方便專案介面管理,在開發web專案時,我們需要把後端提供的介面位址進行配置,這樣我們自己在呼叫時,要方便得多,利己利人。在配置小程式介面位址時,和web的配置大同小異,下面總結幾點配置小程式介面位址的思路 2 真實介面位址,也就是物件鍵值對的value,要用英文模式下t...

vue中使用axios呼叫後端介面

vue本身不支援ajax介面的請求,所以在vue中經常使用axios這個介面請求工具。axios的官方github 在工程中的src目錄下新建乙個名為api的目錄,在src api目錄下新建乙個index.js檔案。在index.js裡面,編寫如下內容 繫結api index.js檔案,新增如下內容...

前後端分離專案中前端如何呼叫後端介面?

前後端啟動專案,無法訪問介面。這是因為前後端的請求埠不一樣,如果是本地開發最簡單的方式就是禁用谷歌瀏覽器的安全策略,可以參考這裡。這個問題是跨域引起的,下面我們正式開始講關於跨域的問題。這裡我只推薦這兩種方式跨域,其它的跨域方式都還有很多但都不推薦,真心主流的也就這兩種方式。開發環境 生產環境 方案...