前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >微信小程序封装api接口

微信小程序封装api接口

作者头像
明知山
发布2020-09-03 10:20:05
1.7K0
发布2020-09-03 10:20:05
举报
文章被收录于专栏:前端开发随笔前端开发随笔

在utils新建个http.js文件,然后写入下列代码

代码语言:javascript
复制
export default function wxRequest(url, params, method = "GET") {
  return new Promise(function (resolve, reject) {
    wx.showLoading({
	  title: '正在加载中'
	})
    wx.request({
      url,
      data: params,
      method: method ? method : "GET",
      header: {
        'content-type': 'application/json'
      },
      success: res => {
        wx.hideLoading()
        resolve(res)
      },
      fail: err=> {
        reject(err)
        wx.hideLoading()
        wx.showModal({
          title: '网络错误',
          content: '网络出错,请刷新重试',
          showCancel: false
        })
      }
    })
  })
}

在页面中引用

代码语言:javascript
复制
import wxRequest from "../../utils/http.js";

在全局app.js里配置全局的url

代码语言:javascript
复制
  urlData: {
    key: '1111111111',
    wid: '11111111',
    sign: '1111111111',
    baseURL: 'https://php.com',
  },

请求后台接口

代码语言:javascript
复制
const app = getApp();
 onLoad: function(options) {
    wxRequest(app.urlData.baseURL, {这里是传后台参数}, "POST").then(res => {
      if (res.data) {
        this.setData({
          menuList: res.data
        })
      }
    })
  },
本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2019-08-10 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档