微信小程序 http請求封裝
示例代碼
wx.request({ url: 'test.php', //僅為示例，并非真實的接口地址 data: { x: '' , y: '' }, method:'POST', header: { 'content-type': 'application/json' }, success: function(res) { console.log(res.data) }, fail: function( res ) { fail( res ); }})以上為小程序的基本http請求代碼，實際代碼中如果每次這樣來寫是比較繁瑣的，那我們就來做一下封裝。
那代碼中我們比較關注什么？
1.請求的參數，訪問的接口
2.GET/POST...請求方式
3.請求參數統一處理（比如：加密、設置公共參數...）
4.請求成功返回的數據（比如：解密、抽離邏輯層數據）
5.請求失敗反饋
我們不關注什么？
1.請求url（一般固定的配置在某個地方）
2.根據不同的接口規則做不同的請求參數（比如：參數加密等）
...
讓我們代碼實操
network.js
var API_URL = 'http://localhost/loverule/api/api.php'var requestHandler = { params:{}, success: function(res){ // success }, fail: function() { // fail },}//GET請求function GET(requestHandler) { request('GET',requestHandler)}//POST請求function POST(requestHandler) { request('POST',requestHandler)}function request(method,requestHandler) { //注意：可以對params加密等處理 var params = requestHandler.params; wx.request({ url: API_URL, data: params, method: method, // OPTIONS, GET, HEAD, POST, PUT, DELETE, TRACE, CONNECT // header: {}, // 設置請求的 header success: function(res){ //注意：可以對參數解密等處理 requestHandler.success(res) }, fail: function() { requestHandler.fail() }, complete: function() { // complete } })}module.exports = { GET: GET, POST: POST}1.頁面中調用（以GET請求為例）
//導入js var network = require("../../utils/network.js") //寫入參數 var params = new Object() params.api_name = "api_user_login" params.account = "hanqing" params.password = "123456" //發起請求 network.GET( { params: params, success: function (res) { console.log(res) //拿到解密后的數據，進行代碼邏輯 }, fail: function () { //失敗后的邏輯 }, })感謝閱讀，希望能幫助到大家，謝謝大家對本站的支持！
新聞熱點
疑難解答
