全局監(jiān)聽

App({
  globalData: {
    nonetwork: false   //判斷是否有網(wǎng)絡
  },
  onShow() {
    this.onNetworkStatusChange()  //開啟檢測
  },
  onNetworkStatusChange() {
    var that = this
    //獲取網(wǎng)絡類型
    wx.getNetworkType({
      success: function (res) {
        const networkType = res.networkType
        //不為none代表有網(wǎng)絡
        if ('none' != networkType) {
          that.globalData.nonetwork = true
          //網(wǎng)絡狀態(tài)變化事件的回調函數(shù)   開啟網(wǎng)絡監(jiān)聽，監(jiān)聽小程序的網(wǎng)絡變化
          wx.onNetworkStatusChange(function (res) {
            if (res.isConnected) {
              //網(wǎng)絡變?yōu)橛芯W(wǎng)
              that.globalData.nonetwork = true
            } else {
              //網(wǎng)絡變?yōu)闊o網(wǎng)
              that.globalData.nonetwork = false
            }
          })
        } else {
           //無網(wǎng)狀態(tài)
          wx.onNetworkStatusChange(function (res) {
            if (res.isConnected) {
              that.globalData.nonetwork = true
            } else {
              that.globalData.nonetwork = false
            }
          })
        }
      },
    })
  }

})

app.js

頁面使用

const app = getApp()
Page({
  data: {
    nonetwork: false
  },
  onLoad() {
     //判斷是否網(wǎng)絡
    if (app.globalData.nonetwork) {
      this.setData({
        nonetwork: true
      })
      //添加轉圈
      wx.showLoading({
        title: "獲取數(shù)據(jù)中!"
      });
    } else {
      this.setData({
        nonetwork: false
      })
      wx.showToast({
        title: '請連接網(wǎng)絡',
        icon: 'none',
        duration: 2000
      })
    }
  },
  doRefresh() {
    //無網(wǎng)絡的刷新
    this.onLoad()
  }
})

index.js

<view wx:if="{{nonetwork}}">
  內容
</view>
<view wx:else>
  <button bindtap="doRefresh">刷新</button>
</view>