微信小程序使用request网络请求操作实例

前端之家收集整理的这篇文章主要介绍了微信小程序使用request网络请求操作实例前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

本文实例讲述了微信小程序使用request网络请求操作。分享给大家供大家参考,具体如下:

小程序提供了很多api,极大的方便了开发者,其中网络请求api是wx.request(object),这是小程序与开发者的服务器实现数据交互的一个很重要的api。

官方参数说明如下

OBJECT参数说明:

函数,res = {data: '开发者服务器返回的内容'}调用失败的回调函数调用结束的回调函数调用成功、失败都会执行)

最简单的用法如下(以POST请求为例)

下面我们把请求写在service文件下的http.js文件中,代码如下

其中module.exports是将req方法暴露出去使得别的文件中可以使用该方法,由于js函数是异步执行的,所以return 的是回调函数,而不是具体的数据

为了其他文件方便调用方法,我们在根目录的app.js文件中将其注册成为全局函数,如下

调用API从本地缓存中获取数据 var logs = wx.getStorageSync('logs') || [] logs.unshift(Date.now()) wx.setStorageSync('logs',logs) },getUserInfo:function(cb){ var that = this if(this.globalData.userInfo){ typeof cb == "function" && cb(this.globalData.userInfo) }else{ //调用登录接口 wx.login({ success: function () { wx.getUserInfo({ success: function (res) { that.globalData.userInfo = res.userInfo typeof cb == "function" && cb(that.globalData.userInfo) } }) } }) } },globalData:{ userInfo:null },func:{ req:http.req } })

这时这个req就是全局的了,在调用时我们可以使用getApp.func.req()调用,具体如下

微信小程序提供了很多api,包括网络,媒体,数据等,也提供了很多组件,使开发小程序变得很方便。

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

原文链接:https://www.f2er.com/weapp/34682.html

猜你在找的微信小程序相关文章