【微信小程序】05 设备信息 & 请求API

本文主要是介绍【微信小程序】05 设备信息 & 请求API，对大家解决编程问题具有一定的参考价值，需要的程序猿们随着小编来一起学习吧！

获取系统信息（设备信息）

https://developers.weixin.qq.com/miniprogram/dev/api/base/system/wx.getSystemInfo.html

分为同步方法和异步方法

Object wx.getSystemInfoSync()

以 Promise 风格 调用：支持

小程序插件：支持，需要小程序基础库版本不低于 1.9.6

微信 Windows 版：支持

微信 Mac 版：支持

wx.getSystemInfo 的同步版本

返回值

Object res

页面交互API：

https://developers.weixin.qq.com/miniprogram/dev/api/ui/interaction/wx.showToast.html

提示信息：

wx.showToast(Object object)

以 Promise 风格 调用：支持

小程序插件：支持，需要小程序基础库版本不低于 1.9.6

显示消息提示框

参数

Object object

object.icon 的合法值

示例代码

wx.showToast({
  title: '成功',
  icon: 'success',
  duration: 2000
})

注意

• wx.showLoading 和 wx.showToast 同时只能显示一个
• wx.showToast 应与 wx.hideToast 配对使用

相关回答

• wx.showToast中的error图标错误地显示为success
• wx.showToast一直提示，不消失
• 问问wx.showToast里的icon都有什么值？
• showToast，和hideLoading有冲突嘛？
• wx.showToast加定时器依旧不显示提示信息？

显示加载

https://developers.weixin.qq.com/miniprogram/dev/api/ui/interaction/wx.showLoading.html

wx.showLoading(Object object)

基础库 1.1.0 开始支持，低版本需做兼容处理。

以 Promise 风格 调用：支持

小程序插件：支持，需要小程序基础库版本不低于 1.9.6

显示 loading 提示框。需主动调用 wx.hideLoading 才能关闭提示框

参数

Object object

示例代码

wx.showLoading({
  title: '加载中',
})

setTimeout(function () {
  wx.hideLoading()
}, 2000)

注意

• wx.showLoading 和 wx.showToast 同时只能显示一个
• wx.showLoading 应与 wx.hideLoading 配对使用

微信，网络请求：

https://developers.weixin.qq.com/miniprogram/dev/api/network/request/wx.request.html

RequestTask wx.request(Object object)

以 Promise 风格 调用：不支持

小程序插件：支持，需要小程序基础库版本不低于 1.9.6

发起 HTTPS 网络请求。使用前请注意阅读相关说明。

参数

Object object

object.method 的合法值

object.dataType 的合法值

object.responseType 的合法值

object.success 回调函数

参数

Object res

res.profile 的结构

返回值

RequestTask

基础库 1.4.0 开始支持，低版本需做兼容处理。

请求任务对象

data 参数说明

最终发送给服务器的数据是 String 类型，如果传入的 data 不是 String 类型，会被转换成 String 。转换规则如下：

• 对于 GET 方法的数据，会将数据转换成 query string（encodeURIComponent(k)=encodeURIComponent(v)&encodeURIComponent(k)=encodeURIComponent(v)...）
• 对于 POST 方法且 header['content-type'] 为 application/json 的数据，会对数据进行 JSON 序列化
• 对于 POST 方法且 header['content-type'] 为 application/x-www-form-urlencoded 的数据，会将数据转换成 query string （encodeURIComponent(k)=encodeURIComponent(v)&encodeURIComponent(k)=encodeURIComponent(v)...）

示例代码

wx.request({
  url: 'example.php', //仅为示例，并非真实的接口地址
  data: {
    x: '',
    y: ''
  },
  header: {
    'content-type': 'application/json' // 默认值
  },
  success (res) {
    console.log(res.data)
  }
})

这篇关于【微信小程序】05 设备信息 & 请求API的文章就介绍到这儿，希望我们推荐的文章对大家有所帮助，也希望大家多多支持为之网！