首页  >  文章  >  微信小程序  >  小程序开发--wx.request异步封装实例教程

小程序开发--wx.request异步封装实例教程

零下一度
零下一度原创
2017-05-24 09:12:002175浏览

这篇文章主要介绍了微信小程序 wx.request方法的异步封装实例详解的相关资料,需要的朋友可以参考下

wx-promise-request 是对微信小程序 wx.request 方法的异步封装。

解决问题

支持 Promise (使用 es6-promise 库)。

管理请求队列,解决 request 最大并发数超过 10 会报错的问题。

下载

npm install wx-promise-request

然后拷贝 dist/index.js 文件到你的小程序项目中。

使用

import {request} from './wx-promise-request';

request({
 url: 'test.php',
 data: {
  x: '',
  y: '',
 },
 header: {
  'content-type': 'application/json',
 },
})
.then(res => console.log(res))
.catch(error => console.error(error))

API

setConfig(object)

通过 setConfig 配置 wx-promise-request,如:使用 qcloud 提供的 request 方法;使用其他 Promise 库等等。

import {request, setConfig} from './wx-promise-request';
import qcloud from './vendor/qcloud-weapp-client-sdk/index';
import Promise from 'bluebird';

setConfig({
  request: qcloud.request,
  Promise,
})
request({
 url: 'test.php',
})
.then(res => console.log(res))
.catch(error => console.log(error));

【相关推荐】

1. 微信小程序完整源码下载

2. 微信小程序demo:卡卡汽车

3. 简单的左滑操作和瀑布流布局

以上是小程序开发--wx.request异步封装实例教程的详细内容。更多信息请关注PHP中文网其他相关文章!

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn