快捷導(dǎo)航

微信小程序設(shè)置全局請(qǐng)求URL及封裝wx.request請(qǐng)求操作示例

更新時(shí)間：2019年04月02日 08:47:40 作者：李維山

這篇文章主要介紹了微信小程序設(shè)置全局請(qǐng)求URL及封裝wx.request請(qǐng)求操作,結(jié)合實(shí)例形式分析了微信小程序針對(duì)wx.requset請(qǐng)求的封裝及調(diào)用操作相關(guān)實(shí)現(xiàn)技巧,需要的朋友可以參考下

本文實(shí)例講述了微信小程序設(shè)置全局請(qǐng)求URL及封裝wx.request請(qǐng)求操作。分享給大家供大家參考，具體如下：

app.js：

App({
 //設(shè)置全局請(qǐng)求URL
 globalData:{
  URL: 'https://www.oyhdo.com',
 },
 /**
 * 封裝wx.request請(qǐng)求
 * method： 請(qǐng)求方式
 * url: 請(qǐng)求地址
 * data： 要傳遞的參數(shù)
 * callback： 請(qǐng)求成功回調(diào)函數(shù)
 * errFun： 請(qǐng)求失敗回調(diào)函數(shù)
 **/
 wxRequest(method, url, data, callback, errFun) {
  wx.request({
   url: url,
   method: method,
   data: data,
   header: {
    'content-type': method == 'GET'?'application/json':'application/x-www-form-urlencoded',
    'Accept': 'application/json'
   },
   dataType: 'json',
   success: function (res) {
    callback(res.data);
   },
   fail: function (err) {
    errFun(res);
   }
  })
 }
})

調(diào)用示例：

const app = getApp();
Page({
 onLoad: function () {
  let url = app.globalData.URL + '/User/getUserinfo';
  let data = {
   uid: '1'
  };
  app.wxRequest('POST', url, data, (res) => {
   console.log(res.data)
  }, (err) => {
   console.log(err.errMsg)
  })
 }
})

希望本文所述對(duì)大家微信小程序開(kāi)發(fā)有所幫助。

您可能感興趣的文章:

相關(guān)文章

利用types增強(qiáng)vscode中js代碼提示功能詳解
這篇文章主要給大家介紹了如何增強(qiáng)vscode中js代碼提示功能的相關(guān)資料，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面跟著小編一起來(lái)學(xué)習(xí)學(xué)習(xí)吧。
2017-07-07
JS XMLHttpRequest原理與使用方法深入詳解
這篇文章主要介紹了JS XMLHttpRequest原理與使用方法,結(jié)合實(shí)例形式深入分析了JS XMLHttpRequest相關(guān)原理、使用方法及操作注意事項(xiàng),需要的朋友可以參考下
2020-04-04
微信小程序?qū)崿F(xiàn)上傳多個(gè)文件超過(guò)10個(gè)
這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)上傳多個(gè)文件，超過(guò)10個(gè)，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2020-02-02
js實(shí)現(xiàn)單一html頁(yè)面兩套css切換代碼
研究了一下JS的用setAttribute方法實(shí)現(xiàn)一個(gè)頁(yè)面兩份樣式表的效果與大家分享下，感興趣的朋友可以參考下哈，希望可以幫助到你
2013-04-04
JavaScript函數(shù)式編程實(shí)現(xiàn)介紹
函數(shù)式編程是一種編程范式,將整個(gè)程序都由函數(shù)調(diào)用以及函數(shù)組合構(gòu)成。可以看成一條流水線,數(shù)據(jù)可以不斷地從一個(gè)函數(shù)的輸出流入另一個(gè)函數(shù)的輸入,最后輸出結(jié)果
2022-09-09
在Javascript中為String對(duì)象添加trim,ltrim,rtrim方法
利用Javascript中每個(gè)對(duì)象(Object)的prototype屬性我們可以為Javascript中的內(nèi)置對(duì)象添加我們自己的方法和屬性。
2006-09-09
微信小程序如何刷新當(dāng)前界面的實(shí)現(xiàn)方法
這篇文章主要介紹了微信小程序如何刷新當(dāng)前界面的實(shí)現(xiàn)方法，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家學(xué)習(xí)或者使用小程序具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
2019-06-06
Js(JavaScript)中,彈出是或否的選擇框示例(confirm用法的實(shí)例分析)
以下是對(duì)confirm的用法進(jìn)行了分析介紹，需要的朋友可以參考下
2013-07-07
javascript實(shí)現(xiàn)時(shí)鐘動(dòng)畫(huà)
這篇文章主要為大家詳細(xì)介紹了javascript實(shí)現(xiàn)時(shí)鐘動(dòng)畫(huà)，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2020-12-12
typeScript中數(shù)組類(lèi)型定義及應(yīng)用詳解
相信大家應(yīng)該都知道ts只允許數(shù)組中包括一種數(shù)據(jù)類(lèi)型的值,下面這篇文章主要給大家介紹了關(guān)于typeScript中數(shù)組類(lèi)型定義及應(yīng)用的相關(guān)資料,文中通過(guò)實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下
2023-05-05