成人小视频在线_欧美xxxav_国产亚洲精AA在线观看SEE_日韩在线免费播放_69日影院_92精品国产自产在线观看481页

18842388900

網(wǎng)站建設 APP開發(fā) 小程序

Article/文章

記錄成長點滴 分享您我感悟

您當前位置>首頁 > 知識 > 軟件開發(fā)

小程序如何實現(xiàn)網(wǎng)絡請求 (詳細過程)

發(fā)表時間:2019-05-20 08:50:36

文章來源:沈陽網(wǎng)站建設

標簽:api 網(wǎng)絡請求

分享:

瀏覽次數(shù):0

本篇文章給大家?guī)淼膬?nèi)容是關于小程序如何實現(xiàn)網(wǎng)絡請求 (詳細過程),有一定的參考價值,有需要的朋友可以參考一下,希望對你有所幫助。

對于小程序而言,網(wǎng)絡請求封裝的要比Android強大多了,這一點值得贊揚。官方示例:

wx.request({  url: 'test.php', //僅為示例,并非真實的接口地址  data: {     x: '' ,     y: ''  },  header: {    'content-type': 'application/json' // 默認值  },  success: function(res) {    console.log(res.data)  }})

but…but…這調(diào)用起來貌似很簡單,但是,似乎有點不對勁?哪兒不對勁呢——每次調(diào)用的代碼太多了。而且,對于網(wǎng)絡請求的日志文件不好管理。這離我們最理想的方式還是有點差距的。
那么,我們最理想的方式是希望是怎么樣的呢?

1、代碼簡潔,一行代碼去搞定。
2、對于常用的字段統(tǒng)一封裝管理。如 token、版本號version等
3、自定義異常處理。如未登錄時,不用每寫一個接口都去判斷是否登錄、注冊等

 api.request1(d沈陽APP軟件

<a href=http://www.kingszun.cn target=_blank class=infotextkey>沈陽<a href=http://www.kingszun.cn target=_blank class=infotextkey>軟件開發(fā)</a></a>,<a href=http://www.kingszun.cn target=_blank class=infotextkey>沈陽<a href=http://www.kingszun.cn target=_blank class=infotextkey>軟件公司</a></a>

ata, function (result) { //數(shù)據(jù)請求成功, }, function(error){//失敗 })

那么,基于上面的問題。我來一步步進行剖析。

一、網(wǎng)絡請求的場景分析1、支持token傳入的網(wǎng)絡請求。

這種情況比較少見的。我現(xiàn)在的項目中就遇到了。大概意思是管理員可以操作旗下的其他的虛擬用戶。管理員登錄后生成一個token,每生成一個成員時,會生成一個虛擬的virtualToekn,以后每次管理員操作這個成員時,都需要用這個virtualToken,但是管理員獲取自己的信息時,還是需要用自己的token。這個時候就要支持自定義的token傳入了。

2、網(wǎng)絡請求的劫持。

這種場景主要有兩種情況:

1、如果網(wǎng)絡失敗
2、沒有token時,這種場景主要出現(xiàn)在登錄后置中。如商城類app查看購物車等

解決方法:直接返回失敗,在發(fā)起網(wǎng)絡請求前結束本次網(wǎng)絡請求操作,減少預知的錯誤網(wǎng)絡訪問

3、支持自定義loading窗的彈出和隱藏控制

1、loading窗的彈出:這種場景比較多,如下拉刷新列表時,是不需要loading窗出現(xiàn)的。但是獲取用戶信息是需要loading出現(xiàn)的
2、loading窗的隱藏:這種場景是如果調(diào)用一個接口成功后,然后要連續(xù)調(diào)用第二個接口。這樣在第一次接口成功后,不應該讓loading窗消失,而是最后一次接口結束后才隱藏。

4、對網(wǎng)絡不同的錯誤,進行處理二、代碼分析
/** * 自定義token  請求 *  * isShowLoading :true  彈出loading窗 * isEndLoading: true  最后需要隱藏loading窗。若是false,則不隱藏 * token: 可以自定義token。用戶虛擬賬號使用車輛 */ export function requestApi(requestData, isShowLoading = true,isEndLoading = true, token = null,onSuccess, onFail) {   let app = getApp().globalData;  // 1、檢查是否已經(jīng)登錄,在未登錄的時候,可以提前緩存一個臨時token欺騙本次檢查。等登錄完成后,再更新token值  if (!util.hasLogin()) {    return;  }  // 2、檢查網(wǎng)絡狀態(tài)  if (!util.checkNetworkConnected()) { //沒有網(wǎng)絡    onFail("網(wǎng)絡請求失敗,稍后再試")    return;  }  if (!requestData) {    onFail("數(shù)據(jù)異常,請稍后再試")    return;  }  let cacheToken =  util.takeToken()  let newToken = token == null ? cacheToken : token  console.log("newToken===========>", newToken)  requestData.token = newToken  requestData.version = app.version  console.log("==================================================開始請求網(wǎng)絡數(shù)據(jù)start========================================")  console.log(requestData)  console.log("==================================================開始請求網(wǎng)絡數(shù)據(jù)end===========================================")  var baseUrl = app.debug ? app.debugUrl : app.releaseUrl      console.log("===baseUrl===>" + baseUrl)  if (isShowLoading){    util.showLoading("加載中")  }  const requestTask = wx.request({    url: baseUrl,    data: requestData,    header: {      'content-type': 'application/json'    },    method: 'POST',    dataType: 'json',    success: function(res) {      console.log("==================================================返回請求結果start========================================")      console.log(res.data)      console.log("==================================================返回請求結果end===========================================")            if (res.data.code == 0) { //成功        // console.log("onSuccess===========>", onSuccess);        onSuccess(res.data)      } else if (res.data.code == 1021) { //未繳納押金        wx.navigateTo({          url: '/pages/recharge/recharge',        })        return false;      } else if (res.data.code == 1006) { //余額不足        wx.navigateTo({          url: '/pages/deposited/deposited',        })        return false;      } else if (res.data.code == 1019) { //未實名        wx.navigateTo({          url: '/pages/certify/certify',        })        return false;      } else if (res.data.code == 1001) { //token過期        wx.reLaunch({          url: '/pages/login/login'        });        return false;      } else { //失敗        let error = res.data == null || typeof (res.data) == "undefined" ? "網(wǎng)絡請求失敗,請稍后再試" : res.data.desc        onFail(error)        console.log("error===========>", error);      }    },    fail: function(res) {      console.log("onFail===========>", res);      onFail("網(wǎng)絡請求失敗,稍后再試")    },    complete: function(res) {      console.log("complete===========>", isEndLoading);            if (isEndLoading){        wx.hideLoading()      }    }  })};              
              

api,網(wǎng)絡請求

相關案例查看更多

主站蜘蛛池模板: 亚洲国产日韩在线一区模特 | 国产成人精品一区二区秒播 | 久久毛片 | 在线天堂资源www在线中文 | 我想看黄色一级片 | AAA无码偷拍亚洲 | 国产高清精品91在线 | 欧美色欧美亚洲日韩在线播放 | 国产视频综合网 | 在线免费观看视频a | 麻豆影视在线免费观看 | 全部免费毛片在线播放一个 | 欧美性猛交视频 | 欧美三级视频 | 欧美三级午夜理伦三级 | 超碰97在线人人 | 日本三级高清 | 成人超碰在线观看 | 欧美精品久久久久久久亚洲调教 | 日本少妇高潮喷水视频 | 亚洲国产另类精品专区 | 囯产精品高清三级一区二区三区 | 国产一区二区三区美女在线观看 | 日批视频在线看 | 少妇愉情理伦片BD | 国产欧美日韩精品第二区 | 伊人网综| 调教凌虐妻妾奴在线播放 | 人妻精品动漫H无码专区 | 国模少妇一区二区三区 | 欧美一级视屏 | 欧美一区免费 | 99久热在线精品 | 五级日本片全部免费 | 国产精品美女一区二区视频 | 欧美日韩特级黄片观看 | 爱豆传媒国产剧情 | 午夜精品久久久久久久99芒果 | 国产午夜精品一区二区三区欧美 | chinese勾搭videos 超清精品丝袜国产自在线拍 | 亚洲国产精选 |