미니 프로그램 개발--wx.request 비동기 캡슐화 예제 튜토리얼

零下一度
풀어 주다: 2017-05-24 09:12:00
원래의
2189명이 탐색했습니다.

이 글은 위챗 애플릿의 wx.request 메소드의 비동기 캡슐화 예시에 대한 관련 정보를 주로 소개하고 있습니다. 도움이 필요한 친구는

wx-promise-request를 참고하세요. WeChat 애플릿 wx.request 메소드의 비동기 래퍼.

문제 해결

Promise 지원(es6-promise 라이브러리 사용)

요청 대기열을 관리하고 최대 동시 요청 수가 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 제공되는 요청 방법, 기타 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. WeChat 미니 프로그램 전체 소스 코드 다운로드

2.WeChat 미니 프로그램 데모: 카카오토

3.

간단한 왼쪽 스와이프 조작과 폭포수 흐름 레이아웃

위 내용은 미니 프로그램 개발--wx.request 비동기 캡슐화 예제 튜토리얼의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿