此方法簡單易懂,但是在使用時**量過大,我建議還是封裝一下比較好用。
1wx.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檔案,新增如下內容...
前後端分離專案中前端如何呼叫後端介面?
前後端啟動專案,無法訪問介面。這是因為前後端的請求埠不一樣,如果是本地開發最簡單的方式就是禁用谷歌瀏覽器的安全策略,可以參考這裡。這個問題是跨域引起的,下面我們正式開始講關於跨域的問題。這裡我只推薦這兩種方式跨域,其它的跨域方式都還有很多但都不推薦,真心主流的也就這兩種方式。開發環境 生產環境 方案...