zoukankan      html  css  js  c++  java
  • 微信小程序-封装请求基准路径、接口API 和使用

    此文转载自:https://blog.csdn.net/yupyuping/article/details/110237210#commentBox

    1.在文件夹utils下新建 request.js文件

    2.封装请求代码

    // 基准路径  //路径仅为举例
    const baseurl ='https://127.0.0.1' 
    
    //get请求
    function get(url, data) {
      return new Promise((reslove, reject) => {
        wx.request({
          method: 'GET',
          url:baseurl + url,
          data,
          success: reslove,
          fail: reject
        })
      })
    }
    
    //post请求
    function post(url, data) {
      return new Promise((reslove, reject) => {
        wx.request({
          method: 'POST',
          url, url:baseurl + url,
          data,
          success: reslove,
          fail: reject
        })
      })
    }
    
     //需要导出
    module.exports = {
      get,
      post
    }

    3.需要使用的文件 引入这个封装的文件

    //引入文件  这里使用的是相对路径
    var {get,post} = require('../../utils/request.js')

    4.调用发送请求获取数据

    page({ 
    data:{
    banner:[]
    },
    onLoad:async function() {
        // 获取主页轮播图
        const res = await get('/banner/swiperdata')
        //修改data里面的数据
        
        this.setData({banner:res.data}) 
    
        //这里使用this是可以的,已修改成功
        console.log(this.data.banner);
    }
    })
       

    更多内容详见微信公众号:Python测试和开发

    Python测试和开发

  • 相关阅读:
    uwsgi配置
    sed_shell三剑客
    grep_shell三剑客
    awk_shell三剑客
    spring(二)
    spring(一)
    5G的科普
    应用层协议基础
    IP地址相关运算(如VLSM,超网汇总)
    ARP协议基础
  • 原文地址:https://www.cnblogs.com/phyger/p/14056014.html
Copyright © 2011-2022 走看看