微信小程序获取数据封装

最新推荐文章于 2024-04-16 02:40:03 发布

真不可思议

最新推荐文章于 2024-04-16 02:40:03 发布

阅读量571

点赞数

本文链接：https://blog.csdn.net/hello_world_xxl/article/details/117432676

版权

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

摘要由CSDN通过智能技术生成

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:"欧洲",