圖片來(lái)源網(wǎng)絡(luò)，侵刪

配置全局變量 （app.js 文件）

App({
  globalData: {
    requestUrl: "https://api.xxxxxx.com"  // 網(wǎng)絡(luò)接口全局變量
  }
})

先新建一個(gè)公共文件 里面可以封裝公共類
如：utils/util.js

function httpRequest(url, callBack) {
  var _self = this;
  wx.request({
    url: url,
    data: {},
    header: {
      'content-type': 'application/json' // 默認(rèn)值
    },
    success: function (res) {
      callBack(res.data);  // 成功后回調(diào)方法
    },
    fail: function (erro) {
      console.log(erro)
    }
  })
}

// 導(dǎo)出
module.exports = {
  httpRequest: httpRequest
}

接下來(lái) 我們就 可以在頁(yè)面中 調(diào)用網(wǎng)絡(luò)請(qǐng)求方法了 ！

調(diào)用前 先引用
var app = getApp();
var util = require(‘../../../utils/util.js’); // 根據(jù)自己的項(xiàng)目路徑引入
在 onLoad 生命周期函數(shù)里 發(fā)請(qǐng)求

   /**
   * 生命周期函數(shù)--監(jiān)聽(tīng)頁(yè)面加載
   */
  onLoad: function (options) {
    // 提示 數(shù)據(jù)加載中 
    wx.showLoading({
      title: '加載中',
    })

    // 后面是拼接的 url 參數(shù)
    var dataUrl = app.globalData.httpRequest + "xxxxx"; 
    util.httpRequest(dataUrl, _self.backData)
  }

backData()這個(gè)方法 是請(qǐng)求成功后 回調(diào)后的數(shù)據(jù)處理 ， 這個(gè)方法大家可以先忽略，后續(xù)我會(huì)繼續(xù)更新 ！

最后數(shù)據(jù)請(qǐng)求成功后 ， 我們要關(guān)閉 加載中提示

if (this.data.movies.length != 0 ){
   setTimeout(function () {
     wx.hideLoading()
   })
 }

movies 為數(shù)據(jù)返回后的集合 ，判斷這個(gè)是否為 0 ，當(dāng)不等于 0 時(shí) ，說(shuō)明接口已經(jīng)請(qǐng)求成功 返回?cái)?shù)據(jù)了，這個(gè)時(shí)候 我們就可以關(guān)閉 ，提示了 ！