摘要:調(diào)用方法如下微信熱門官網(wǎng)訪問官網(wǎng)更快閱讀全部免費分享課程出品全網(wǎng)最新微信小程序基于最新版開發(fā)者工具之初中級培訓(xùn)教程分享。
§ 封裝網(wǎng)絡(luò)請求及 mock 數(shù)據(jù)
本文配套視頻地址:
https://v.qq.com/x/page/i0554...
開始前請把 ch2-3 分支中的 code/ 目錄導(dǎo)入微信開發(fā)工具
上一節(jié)中,我們對 index.js 文件中增加了 util 對象,并在對象中封裝了很多公用方法
let util = { log(){……}, alert(){……}, getStorageData(){……}, setStorageData(){……} }
本節(jié)中,我們對常用的網(wǎng)絡(luò)請求方法 wx.request 進行封裝
let util = { // 此處省略部分代碼 request(opt){ let {url, data, header, method, dataType} = opt let self = this return new Promise((resolve, reject)=>{ wx.request({ url: url, data: data, header: header, method: method, dataType: dataType, success: function (res) { if (res && res.statusCode == 200 && res.data) { resolve(res.data); } else { self.alert("提示", res); reject(res); } }, fail: function (err) { self.log(err); self.alert("提示", err); reject(err); } }) }) } }
對于請求的參數(shù),我們設(shè)置下默認值,方便調(diào)用
const DEFAULT_REQUEST_OPTIONS = { url: "", data: {}, header: { ? ? ?"Content-Type": "application/json" }, method: "GET", dataType: "json" } let util = { // 此處省略部分代碼 request (opt){ let options = Object.assign({}, DEFAULT_REQUEST_OPTIONS, opt) let {url, data, header, method, dataType, mock = false} = options let self = this // 此處省略部分代碼 } }
如果是本地開發(fā)調(diào)試,需要增加我們的 mock 假數(shù)據(jù),對 util.request 進行修改
let util = { // 此處省略部分代碼 request (opt){ let options = Object.assign({}, DEFAULT_REQUEST_OPTIONS, opt) let {url, data, header, method, dataType, mock = false} = options let self = this return new Promise((resolve, reject)=>{ if(mock){ let res = { statusCode: 200, data: Mock[url] } if (res && res.statusCode == 200 && res.data) { resolve(res.data); } else { self.alert("提示", res); reject(res); } }else{ wx.request({ url: url, data: data, header: header, method: method, dataType: dataType, success: function (res) { if (res && res.statusCode == 200 && res.data) { resolve(res.data); } else { self.alert("提示", res); reject(res); } }, fail: function (err) { self.log(err); self.alert("提示", err); reject(err); } }) } }) } }
如果請求接口調(diào)用時候,包含有參數(shù) mock = true,會自動調(diào)用相應(yīng)的 mock 數(shù)據(jù),如果沒有這個參數(shù),就走正常流程去調(diào)數(shù)據(jù)。
調(diào)用方法如下:
util.request({ url: "list", mock: true, data: { tag:"微信熱門", start: 1, days: 3, pageSize: 5, langs: "en" } }).then(res => { // do something })
iKcamp官網(wǎng):http://www.ikcamp.com
訪問官網(wǎng)更快閱讀全部免費分享課程:《iKcamp出品|全網(wǎng)最新|微信小程序|基于最新版1.0開發(fā)者工具之初中級培訓(xùn)教程分享》。
包含:文章、視頻、源代碼
iKcamp最新活動iKcamp原創(chuàng)新書《移動Web前端高效開發(fā)實戰(zhàn)》已在亞馬遜、京東、當當開售。
報名地址:http://www.huodongxing.com/ev...
與“天天練口語”小程序總榜排名第四、教育類排名第一的研發(fā)團隊,面對面溝通交流。
文章版權(quán)歸作者所有,未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址:http://specialneedsforspecialkids.com/yun/51393.html
摘要:調(diào)用方法如下微信熱門官網(wǎng)訪問官網(wǎng)更快閱讀全部免費分享課程出品全網(wǎng)最新微信小程序基于最新版開發(fā)者工具之初中級培訓(xùn)教程分享。 § 封裝網(wǎng)絡(luò)請求及 mock 數(shù)據(jù) 本文配套視頻地址:https://v.qq.com/x/page/i0554... 開始前請把 ch2-3 分支中的 code/ 目錄導(dǎo)入微信開發(fā)工具 上一節(jié)中,我們對 index.js 文件中增加了 util 對象,并在對象...
摘要:調(diào)用方法如下微信熱門官網(wǎng)訪問官網(wǎng)更快閱讀全部免費分享課程出品全網(wǎng)最新微信小程序基于最新版開發(fā)者工具之初中級培訓(xùn)教程分享。 § 封裝網(wǎng)絡(luò)請求及 mock 數(shù)據(jù) 本文配套視頻地址:https://v.qq.com/x/page/i0554... 開始前請把 ch2-3 分支中的 code/ 目錄導(dǎo)入微信開發(fā)工具 上一節(jié)中,我們對 index.js 文件中增加了 util 對象,并在對象...
摘要:微信小程序課程,面向所有具備前端基礎(chǔ)知識的同學(xué)閱讀要求讀者需要具備但不限于以下技能更佳一共四部分十五小節(jié),適合七天的訓(xùn)練營。 ?? 微信小程序課程,面向所有具備前端基礎(chǔ)知識的同學(xué) ?? 閱讀要求 讀者需要具備但不限于以下技能 HTML JavaScript es6更佳 CSS 一共四部分十五小節(jié),適合七天的訓(xùn)練營。 從現(xiàn)在開始,我假裝你已經(jīng)掌握了 html、 css以及 ES6...
摘要:微信小程序課程,面向所有具備前端基礎(chǔ)知識的同學(xué)閱讀要求讀者需要具備但不限于以下技能更佳一共四部分十五小節(jié),適合七天的訓(xùn)練營。 ?? 微信小程序課程,面向所有具備前端基礎(chǔ)知識的同學(xué) ?? 閱讀要求 讀者需要具備但不限于以下技能 HTML JavaScript es6更佳 CSS 一共四部分十五小節(jié),適合七天的訓(xùn)練營。 從現(xiàn)在開始,我假裝你已經(jīng)掌握了 html、 css以及 ES6...
摘要:微信小程序課程,面向所有具備前端基礎(chǔ)知識的同學(xué)閱讀要求讀者需要具備但不限于以下技能更佳一共四部分十五小節(jié),適合七天的訓(xùn)練營。 ?? 微信小程序課程,面向所有具備前端基礎(chǔ)知識的同學(xué) ?? 閱讀要求 讀者需要具備但不限于以下技能 HTML JavaScript es6更佳 CSS 一共四部分十五小節(jié),適合七天的訓(xùn)練營。 從現(xiàn)在開始,我假裝你已經(jīng)掌握了 html、 css以及 ES6...
閱讀 2591·2021-11-18 10:02
閱讀 2627·2021-11-15 11:38
閱讀 3697·2021-11-12 10:36
閱讀 695·2021-11-12 10:34
閱讀 2888·2021-10-21 09:38
閱讀 1478·2021-09-29 09:48
閱讀 1492·2021-09-29 09:34
閱讀 1088·2021-09-22 10:02