支付宝小程序API 网络状态

2020-09-15 11:20 更新

my.getNetworkType

简介

my.getNetworkType 是获取当前网络状态的 API。

扫码体验

网络状态.jpeg

示例代码

  1. // API-DEMO page/API/get-network-type/get-network-type.json
  2. {
  3. "defaultTitle": "获取手机网络状态"
  4. }
  1. <!-- API-DEMO page/API/get-network-type/get-network-type.axml-->
  2. <view class="page">
  3. <view class="page-section">
  4. <view class="page-section-demo">
  5. <view class="page-body-title">网络状态</view>
  6. <block a:if="{{hasNetworkType === false}}">
  7. <text class="page-body-text">未获取</text>
  8. <text class="page-body-text">点击按钮可获取网络状态</text>
  9. </block>
  10. <block a:if="{{hasNetworkType === true}}">
  11. <text class="page-body-text-network-type">{{networkType}}</text>
  12. </block>
  13. </view>
  14. <view class="page-section-btns">
  15. <view onTap="getNetworkType">获取手机网络状态</view>
  16. <view onTap="clear">清空</view>
  17. </view>
  18. </view>
  19. </view>
  1. // API-DEMO page/API/get-network-type/get-network-type.js
  2. Page({
  3. data: {
  4. hasNetworkType: false
  5. },
  6. onLoad() {
  7. this.onChange = this.onChange.bind(this);
  8. // my.onNetworkChange(this.onChange);
  9. },
  10. onChange(res){
  11. console.log('onNetworkChange', res);
  12. this.setData({
  13. hasNetworkType: true,
  14. networkType: res.networkType
  15. });
  16. },
  17. onUnload() {
  18. // my.offNetworkChange(this.onChange);
  19. },
  20. getNetworkType() {
  21. my.getNetworkType({
  22. success: (res) => {
  23. this.setData({
  24. hasNetworkType: true,
  25. networkType: res.networkType
  26. })
  27. }
  28. })
  29. },
  30. clear() {
  31. this.setData({
  32. hasNetworkType: false,
  33. networkType: ''
  34. })
  35. },
  36. });
  1. /* API-DEMO page/API/get-network-type/get-network-type.acss */
  2. .page-body-info {
  3. height: 200rpx;
  4. }
  5. .page-body-text-network-type {
  6. font-size: 80rpx;
  7. font-family: Helvetica;
  8. }

入参

Object 类型,属性如下:

属性 类型 必填 描述
success Function 调用成功的回调函数。
fail Function 调用失败的回调函数。
complete Function 调用结束的回调函数(调用成功、失败都会执行)。

success 回调函数

入参为 Object 类型,属性如下:

属性 类型 描述
networkAvailable Boolean 网络是否可用。
networkType String 网络类型值 UNKNOWN / NOTREACHABLE / WIFI / 3G / 2G / 4G / WWAN。

my.offNetworkStatusChange

简介

my.offNetworkStatusChange 是取消监听网络状态变化的 API。

示例代码

  1. // .js
  2. my.offNetworkStatusChange();
是否需要传 callback 值

  • 不传递 callback 值,则会移除监听所有的事件监听回调。示例代码如下:

  1. my.offNetworkStatusChange();
  • 传递 callback 值,只移除对应的 callback 事件。示例代码如下:

  1. my.offNetworkStatusChange(this.callback);

my.onNetworkStatusChange

简介

my.onNetworkStatusChange 是开始监听网络状态变化的 API。

示例代码

  1. // .js
  2. my.onNetworkStatusChange(function(res){
  3. console.log(JSON.stringify(res))
  4. })

返回值

属性 类型 描述
isConnected Boolean 网络是否可用。
networkType String 网络类型值:UNKNOWN / NOTREACHABLE / Wi-Fi / 3G / 2G / 4G / WWAN。
以上内容是否对您有帮助:
在线笔记
App下载
App下载

扫描二维码

下载编程狮App

公众号
微信公众号

编程狮公众号