欢迎来到代码驿站!

JavaScript代码

当前位置:首页 > 网页前端 > JavaScript代码

微信小程序 wx.request方法的异步封装实例详解

时间:2021-03-04 13:49:21|栏目:JavaScript代码|点击:

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));

感谢阅读,希望能帮助到大家,谢谢大家对本站的支持!

上一篇:基于bootstrap实现多个下拉框同时搜索功能

栏    目:JavaScript代码

下一篇:JavaScript中Object、map、weakmap的区别分析

本文标题:微信小程序 wx.request方法的异步封装实例详解

本文地址:http://www.codeinn.net/misctech/73759.html

推荐教程

广告投放 | 联系我们 | 版权申明

重要申明:本站所有的文章、图片、评论等,均由网友发表或上传并维护或收集自网络,属个人行为,与本站立场无关。

如果侵犯了您的权利,请与我们联系,我们将在24小时内进行处理、任何非本站因素导致的法律后果,本站均不负任何责任。

联系QQ:914707363 | 邮箱:codeinn#126.com(#换成@)

Copyright © 2020 代码驿站 版权所有