微信小程式網路封裝 簡單高效

2022-07-12 16:03:37 字數 1758 閱讀 7575

小程式雖然出世很久了,但一直沒怎麼接觸到小程式開發。吉他興趣班老師想弄乙個小程式發布課程資訊和打卡功能,作為it一員就自願加入了這個小程式開發小組中。雖然小程式面向的是前端工程師,但作為移動端程式猿感覺甚是友好,加上有點前端基礎就更是覺得入手很easy啦。

利用網路請求的一貫思維,分三個**:onstart:開始請求, onsuccess:請求成功**, onfailed:請求失敗**, 意思就是字面意思~

/**

* 供外部post請求呼叫

*/function post(url, params, onstart, onsuccess, onfailed)

/** * 供外部get請求呼叫

*/function get(url, params, onstart, onsuccess, onfailed)

/** * function: 封裝網路請求

* @url url位址

* @params 請求引數

* @method 請求方式:get/post

* @onstart 開始請求,初始載入loading等處理

* @onsuccess 成功**

* @onfailed 失敗**

*/function request(url, params, method, onstart, onsuccess, onfailed) else

/** end 處理結束*/}},

fail: function (error)

})}/**

* function: 根據需求處理請求引數:新增固定引數配置等

* @params 請求引數

*/function dealparams(params)

module.exports =

簡要描述:

請求url:

請求方式:

引數:

引數名必選

型別說明

sort

否string

降序「des」,公升序「asc」

page

否int

頁數,預設1

pagesize

否int

預設每頁載入20條資料

time

是string

時間戳10位

key是

string

返回示例

,]}

}

var netutil = require("../../utils/network.js"); //require引入

page(

},onload: function (options)

netutil.getrequest(url, params, this.onstart, this.onsuccess, this.onfailed); //呼叫get方法情就是戶數

},onstart: function () )

},onsuccess: function (res) )

},onfailed: function (msg) )}},

})

在wxml檔案中繫結請求的笑話大全列表:jokelist

}

微信小程式網路請求封裝

date 2020 3 3 desc 網路請求工具 var u 請求返回體模型 請求方式 u.get get get型別請求 u.post post post型別請求 請求的code u.statuscode success 200 開發者伺服器返回的 http 成功狀態碼 u.code succe...

微信小程式 websocket 封裝

首先在 page 資料夾下建立乙個 js 資料夾存放封裝的 websocket 請求,其實放 看自己需要,都行。在 js 資料夾下建立乙個 websocket.js 檔案,裡面是封裝好的 websocket 其實叫啥名都行,看你心情。todo websocket封裝 wjw 2020年3月19日14...

微信小程式元件封裝

第一步,在page下面新建乙個template檔案,如下圖 第二部,在template.wxml中編寫公用元件即要封裝的 模組 template name mars view text mars text view template 第三部,在需要使用封裝的元件的wxml檔案裡引入,此步最關鍵 vi...