小程式開發--wx.request非同步封裝實例教學課程

這篇文章主要介紹了微信小程式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中文網其他相關文章！