微信小程序网络请求-函数封装

最新推荐文章于 2024-02-22 10:46:55 发布

sun_wei_tao

最新推荐文章于 2024-02-22 10:46:55 发布

阅读量340

点赞数

分类专栏： WeChat ES6 文章标签：小程序 es6

本文链接：https://blog.csdn.net/qq_43447509/article/details/108196108

版权

WeChat 同时被 2 个专栏收录

29 篇文章 7 订阅

订阅专栏

ES6

9 篇文章 0 订阅

订阅专栏

`降低网络请求和wx.request的耦合度；使用Promise的方法获取回调结果`

service.js

//封装wx.request
export default function request(options) {
  return new Promise((resolve, reject) => {
    wx.request({
      url: options.url, //服务器接口地址
      method: options.method || 'GET', //请求方法
      data: options.data || {}, //请求参数
      success: resolve, //接口调用成功回调函数
      fail: reject //接口调用失败回调函数
    })
  })
}

index.js

//引入request函数；路径使用相对路径
import request from '../service/service.js'
Page({
  onLoad: function() {
    request({
      url: 'http://httpbin.org',
    }).then((res) => {
      console.log(res);
    }).catch((err) => {
      console.log(err);
    })
  }
})