1. 程式人生 > >微信小程式檢測網路連線

微信小程式檢測網路連線

//檢查網路狀態

function checkNetStatu() {

var statu = true

wx.getNetworkType({

success: function(res) {

var networkType = res.networkType // 返回網路型別2g,3g,4g,wifi, none, unknown

if (networkType == "none") {

//沒有網路連線

wx.showModal({

title: '提示',

content: '沒有網路連線,請檢查您的網路設定',

showCancel: false,

// success: function(res) {

// if (res.confirm) {

// //返回res.confirm為true時,表示使用者點選確定按鈕

// }

// }

})

statu = false

}else if (networkType == "unknown") {

//未知的網路型別

wx.showModal({

title: '提示',

content: '未知的網路型別,請檢查您的網路設定',

showCancel: false,

// success: function(res) {

// if (res.confirm) {

// //返回res.confirm為true時,表示使用者點選確定按鈕

// }

// }

})

statu = false

}

}

})

return statu

}

module.exports = {

checkNetWorkStatu: checkNetWorkStatu

}

放到一個檔案中,比如檔名為CheckNet.js,那麼在其他頁面的onLoad方法中便可以使用了:

要先引用var checkNetWork = require("../CheckNet.js")

//檢查網路

if (checkNet.checkNetStatu() == false) {

console.log('無網路')

that.setData({nonet: false})

}else {

that.setData({nonet: true})

}

.wxml頁面

<view hidden="{{nonet}}" >

<view >當前網路不可用,請檢查您的網路</view>

</view>