微信小程序获取网络类型的方法示例 原创

本文实例讲述了微信小程序获取网络类型的方法。分享给大家供大家参考，具体如下：

这里主要演示通过wx.getNetworkType获取当前网络类型的操作方法。代码如下：

index.js：

Page({
/**
* 页面的初始数据
*/
data: {
netType:''
},
/**
* 生命周期函数--监听页面加载
*/
onLoad: function () {
var that = this;
try {
wx.getNetworkType({
success: function(res) {
that.setData({
netType:res.networkType
})
},
})
} catch (e) {
// Do something when catch error
}
},
/**
* 生命周期函数--监听页面初次渲染完成
*/
onReady: function () {

},
/**
* 生命周期函数--监听页面显示
*/
onShow: function () {
},
/**
* 生命周期函数--监听页面隐藏
*/
onHide: function () {
},
/**
* 生命周期函数--监听页面卸载
*/
onUnload: function () {
},
/**
* 页面相关事件处理函数--监听用户下拉动作
*/
onPullDownRefresh: function () {
},
/**
* 页面上拉触底事件的处理函数
*/
onReachBottom: function () {
},
/**
* 用户点击右上角分享
*/
onShareAppMessage: function () {
}
})

index.wxml：

<view class="table">
<view class="tr bg-g">
<view class="td">网络类型</view>
<view class="td">{{netType}}</view>
</view>
</view>

index.wxss：

/**index.wxss**/
.table {
border: 0px solid darkgray;
}
.tr {
display: flex;
width: 100%;
justify-content: center;
height: 2.6rem;
align-items: center;
}
.td {
width:40%;
justify-content: center;
text-align: center;
}
.bg-g{
background: #E6F3F9;
}

运行结果：

希望本文所述对大家微信小程序开发有所帮助。

您可能感兴趣的文章:

• 微信小程序 POST请求（网络请求）详解及实例代码
• 微信小程序网络请求wx.request详解及实例
• 微信小程序 网络API Websocket详解
• 微信小程序 网络请求API详解
• 微信小程序之网络请求简单封装实例详解
• 微信小程序 网络API 上传、下载详解
• 微信小程序获取手机网络状态的方法【附源码下载】
• 微信小程序 网络API发起请求详解
• 微信小程序使用request网络请求操作实例
• 微信小程序封装http访问网络库实例代码
• 微信小程序网络请求封装示例