失眠网,内容丰富有趣,生活中的好帮手!
失眠网 > 微信小程序request网络请求操作实例详解

微信小程序request网络请求操作实例详解

时间:2019-02-13 10:06:10

相关推荐

微信小程序request网络请求操作实例详解

微信小程序|小程序开发

request,小程序,操作

微信小程序-小程序开发

小程序提供了很多api,极大的方便了开发者,其中网络请求api是wx.request(object),这是小程序与开发者的服务器实现数据交互的一个很重要的api。本文主要介绍了微信小程序使用request网络请求操作,结合实例形式分析了wx.request(object)网络请求操作的具体使用技巧,需要的朋友可以参考下,希望能帮助到大家。

类似微录客福利源码,vscode 安装apt,破解ubuntu,tomcat日志详述,sqlite3 时间字段,dz伪静态手机版插件下载,轻量级前端框架的实践报告,八抓鱼爬虫官网,php字符串压缩,朔州专业seo优化,空包网快递单号网站源码,学校官网网页源码,html 上传图片模板代码lzw

官方参数说明如下

virtualdub 源码,vscode的包放在哪里,ubuntu目录创建,tomcat线程数据过多,c curl爬虫,php商城项目思路,凯里外贸网站seo公司lzw

OBJECT参数说明:

android 23源码,vscode有哪些比较好的主题,ubuntu 绝对权限,tomcat绑定阿里云域名,爬虫豆瓣 电影,php小软件开发,seo的标题关键词怎么写lzw

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

bindSearchChange:function(e){ var keyword = e.detail.value; wx.request({ url:xxxxxxxxx, data:{}, header: {Content-Type: application/json}, success: function(res) { console.log(res) } })}

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

var rootDocment = hxxxxx;//你的域名function req(url,data,cb){ wx.request({ url: rootDocment + url, data: data, method: post, header: {Content-Type: application/json}, success: function(res){ return typeof cb == "function" && cb(res.data) }, fail: function(){ return typeof cb == "function" && cb(false) } })}module.exports = { req: req}

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

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

//app.jsvar http = require(service/http.js)App({ onLaunch: function () { //调用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()来调用,具体如下

var app = getApp()Page({ data: { }, onLoad: function (opt) { //console.log(opt.name) app.func.req(/api/get_data,{},function(res){ console.log(res) }); }})

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

微信小程序功能函数小结

实现微信小程序添加手机联系人功能教学

微信小程序显示下拉列表功能的实现方法

如果觉得《微信小程序request网络请求操作实例详解》对你有帮助,请点赞、收藏,并留下你的观点哦!

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。