廢話引言

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

微信小程序的網絡請求很便捷，直接調用就可以了。但最好還是根據需求，處理一些參數回調信息，進行二次封裝，為整個小程序應用直接提供調方法接口豈不是更好？

利用網絡請求的一貫思維，分三個回調：onStart：開始請求, onSuccess：請求成功回調, onFailed：請求失敗回調, 意思就是字面意思~

netUtil.js 網絡請求工具封裝

在utils目錄下創建一個netUtil.js文件

/** * 供外部post請求調用 */function post(url, params, onStart, onSuccess, onFailed) { request(url, params, "POST", onStart, onSuccess, onFailed);}/** * 供外部get請求調用 */function get(url, params, onStart, onSuccess, onFailed) { request(url, params, "GET", onStart, onSuccess, onFailed);}/** * function: 封裝網絡請求 * @url URL地址 * @params 請求參數 * @method 請求方式：GET/POST * @onStart 開始請求,初始加載loading等處理 * @onSuccess 成功回調 * @onFailed 失敗回調 */function request(url, params, method, onStart, onSuccess, onFailed) { onStart(); //request start wx.request({ url: url, data: dealParams(params), method: method, header: { 'content-type': 'application/json' }, success: function (res) {  if (res.data) {  /** start 根據需求 接口的返回狀態碼進行處理 */  if (res.data.error_code == 0) {   onSuccess(res.data); //request success  } else {   onFailed(res.data.msg); //request failed  }  /** end 處理結束*/  } }, fail: function (error) {  onFailed(""); //failure for other reasons } })}/** * function: 根據需求處理請求參數：添加固定參數配置等 * @params 請求參數 */function dealParams(params) { return params;}module.exports = { postRequest: post, getRequest: get,}

小案例使用說明：笑話大全接口

簡要描述：用戶注冊接口
請求URL：http://v.juhe.cn/joke/content/list.php

請求方式：GET

參數：