WeChat 애플릿에서 동기 요청을 구현하는 방법

이 기사의 내용은 WeChat 애플릿에서 동기 요청을 구현하는 방법에 대한 것입니다. 이는 특정 참고 가치가 있으므로 도움이 될 수 있습니다.

WeChat 애플릿은 기본적으로 동기 요청을 사용하지만 때로는 데이터에 대한 동기 요청이 필요할 수 있으며 일반적으로 사용되는 두 가지 방법이 있습니다

1 globalData 전역 변수

app.js

App({
  // 全局变量
  globalData: {
    currentPage: 1,
    allData: null,
    findData: null,
  },
})

index.js

// 获取应用实例
const app = getApp();
// 使用全局变量
data = app.globalData.currentPage;

2. 타사 라이브러리 참조 es6-promise

var Promise = require('../plugins/es6-promise.js')

function wxPromisify(fn) {
  return function (obj = {}) {
    return new Promise((resolve, reject) => {
      obj.success = function (res) {
        //成功
        resolve(res)
      }
      obj.fail = function (res) {
        //失败
        reject(res)
      }
      fn(obj)
    })
  }
}
//无论promise对象最后状态如何都会执行
Promise.prototype.finally = function (callback) {
  let P = this.constructor;
  return this.then(
    value => P.resolve(callback()).then(() => value),
    reason => P.resolve(callback()).then(() => { throw reason })
  );
};
/**
 * 微信请求get方法
 * url
 * data 以对象的格式传入
 */
function getRequest(url, data) {
  var getRequest = wxPromisify(wx.request)
  return getRequest({
    url: url,
    method: 'GET',
    data: data,
    header: {
      'Content-Type': 'application/json'
    }
  })
}

/**
 * 微信请求post方法封装
 * url
 * data 以对象的格式传入
 */
function postRequest(url, data) {
  var postRequest = wxPromisify(wx.request)
  return postRequest({
    url: url,
    method: 'POST',
    data: data,
    header: {
      "content-type": "application/x-www-form-urlencoded"
    },
  })
}

module.exports = {
  postRequest: postRequest,
  getRequest: getRequest
}

관련 권장 사항:

WeChat 애플릿 예: 시스템 시간, 타임스탬프 시간 및 타임스탬프 덧셈 및 뺄셈 획득 코드 구현

WeChat 애플릿 프로그램의 여러 데이터 캐시에 대한 코드 예제

미니 프로그램 구성 요소: 채팅 세션 구성 요소 소개(코드 포함)

위 내용은 WeChat 애플릿에서 동기 요청을 구현하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!