微信小程序获取数据封装

最新推荐文章于 2024-04-22 02:01:42 发布

原创

最新推荐文章于 2024-04-22 02:01:42 发布 · 637 阅读

0 ·

CC 4.0 BY-SA版权

本文介绍如何在微信小程序中进行数据获取并进行封装，通过`utils/getdata.js`文件，实现高效、统一的数据处理，提升小程序的开发效率。

utils/getdata.js

//获取数据封装
//baseurl
const apiurl = "https://www.51houniao.com"; // 必须是 https 协议

const pagedata = {
  // 参数1: url地址 参数2: data数据  参数3: 获取数据方式 type get post
  request(url,data,type){
    return new Promise((resolve,reject)=>{
      wx.request({
        url: apiurl + url,
        header: { 'content-type': 'application/json' },
        data:data,
        method: type,
        success:(res)=>{//尖头函数解决this指向问题
          resolve(res);
        },
        fail:(err)=>{
          reject(err);
        }
      })
    })
  }
}

// 导出
module.exports = {
  request: pagedata.request
}

使用

// pages/discover/discover.js
const fetch = require("../../utils/getdata.js");
Page({

  /**
   * 页面的初始数据
   */
  data: {
    sType:true,// 洲/季节状态
    continent: ["欧洲","亚洲","北美洲","南美洲","非洲","大洋洲"], // 洲 
    defaultCon:"欧洲",
    countryArr:[],//洲下面的国家
    inputShowed:false,//input focus
    season: ["春意阑珊","盛夏果实","秋去秋来","冬之恋曲"],//季节二级
    def