微信小程序wx.request接口

wx.request是小程序客户端与服务器端交互的接口
HTTPS 请求
一个微信小程序，只能同时(同时不能大于5个)有5个网络请求

wx.request(OBJECT)

发起网络请求

url
data
header
method
dataType

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

四种网络请求:

(wx.request)
(wx.uploadFile)
(wx.downloadFile)
(wx.connectSocket)

var request = {url: '',data: {},method: '',success: function (res) {},fail: function () {},complete: function () {}
}

wx.openSetting 来跳转到设置授权界面

/* index.js */
// 若有用户信息存在则继续
Page({onLoad () {wx.getStorage({key: 'userinfo',success: (res) => {this.setUserinfo(res)},fail: (res) => {api.login().then((res) => {this.setUserinfo(res)}).catch(e => {if (e.errMsg && e.errMsg === 'getUserInfo:fail auth deny') {this.setData({isauth: false})}})}})},toSetting() {wx.openSetting({success: (res) => {this.setData({isauth: res.authSetting['scope.userInfo']})if (res.authSetting['scope.userInfo']) {api.login().then((res) => {this.setUserinfo(res)})}}})}
})
// setUserinfo 就是对用户信息做一下处理 不具体展开了/* index.wxml */
<view class="unauth" wx:if="{{!isauth}}"><image class="unauth-img" src="../../images/auth.png"></image> <text class="unauth-text">检查到您没打开授权</text><button class="color-button unauth-button" bindtap="toSetting">去设置</button>
</view>
<view class="container" wx:else>
...
</view>

function queryRequest(data){    wx.request({url:"https://example.com/api/",data:data,header:{// "Content-Type":"application/json"},success:function(res){console.log(res.data)},fail:function(err){console.log(err)}})}

服务器设置:

上传文件

// Content-type为multipart/form-data
function uploadFile(file,data) {wx.uploadFile({url: 'http://example.com/upload',filePath: file,name: 'file',formData:data,success:function(res){console.log(res.data)},fail:function(err){console.log(err)}})
}

下载文件

function downloadFile(url,typ,success){wx.downloadFile({url:url,type:type,success:function(res){if(success){success(res.tempFilePath)}},fail:function(err){console.log(err)}})
}

function svaeFile(tempFile,success){wx.saveFile({tempFilePath:tempFile,success:function(res){var svaedFile=res.savedFilePathif(success){success(svaeFile)}}})
}

微信小程序wx.request接口相关推荐

微信小程序服务器开小差了,微信小程序wx.request请求封装
微信小程序 wx.request RequestTask wx.request(Object object)发起 HTTPS 网络请求. 示例代码 wx.request({ url: 'test.ph ...
微信小程序 wx.request 的封装
自学转行到前端也已近两年,也算是简书和掘金的忠实粉丝,但是以前一直惜字如金(实在是胆子小,水平又低),现在我决定视金钱如粪土(就只是脸皮厚了,水平就那样),好了废话不多说,切入主题,最近自己尝试了一下 ...
解决微信小程序 wx.request 方法不支持 Promise 并发数问题
wx-promise-request 是微信小程序 wx.request 方法的不支持 Promise 和并发数问题的解决方案.如果只需要解决并发数问题,可以使用wx-queue-request.js ...
微信小程序数据库交互 php,微信小程序wx.request实现后台数据交互功能分析
本文主要介绍微信小程序wx.request实现后台数据交互功能,分析微信小程序wx.request在后台数据交互过程中遇到的问题与相关的解决方法,需要的朋友可以参考下记录微信小程序wx.reques ...
Mpvue+koa开发微信小程序——wx.request()的封装及应用
以下封装方法仅供mpvue+koa开发小程序入门参考,具体应用请根据实际更改. config.js // 配置项const host = 'http://localhost:5757'const co ...
5 拦截器拦截请求路由_手写简易版axios拦截器，实现微信小程序wx.request的封装与拦截...
前言: axios是一个功能强大的网络请求库,其中拦截器又是axios的精髓.在小程序的开发或者需要手动实现ajax的时候,没有实现对请求的拦截,开发的时候非常不方便,因此手写一个简易版的axios拦 ...
微信小程序请求php文件报错,微信小程序wx.request请求数据报错
首先写一个后台的数据接口,地址是:http://localhost/weicms/index... 然后使用wx.request调用后台数据接口的地址示例代码1 wx.request({ 2 url ...
微信小程序wx.request（1）——基本操作
微信小程序的wx.request是微信小程序最早生成的数据库传输模式,数据传输简单明确.接下来,我们来操作下微信小程序如何链接数据库. 首先,wx.request整体的架构如下: wx.request ...
微信小程序网络请求异常怎么办_监控微信小程序wx.request请求失败
在微信小程序里,与后台服务器交互的主要接口函数是wx.request(),用于发起 HTTPS 网络请求.其重要性不言而喻.然而,却经常遇到请求失败的问题,笔者特意谷歌"wx.request ...

微信小程序wx.request接口

微信小程序wx.request接口

wx.request(OBJECT)

上传文件

下载文件

微信小程序wx.request接口相关推荐

最新文章

热门文章