小程序 ajax 数据请求封装

最新推荐文章于 2024-07-22 19:45:28 发布

微微暖风

最新推荐文章于 2024-07-22 19:45:28 发布

阅读量3k

点赞数

分类专栏： javascript 相关知识

本文链接：https://blog.csdn.net/cxz792116/article/details/78621865

版权

javascript 相关知识专栏收录该内容

35 篇文章 1 订阅

订阅专栏

1、创建一个文件js代码如下

var requestHandler = {
  params: {},
  API_URL: '',
  token: '',
  success: function (res) {
    // success  
  },
  fail: function () {
    // fail  
  },
}

//GET请求  
function GET(requestHandler) {
  request('GET', requestHandler)
}
//POST请求  
function POST(requestHandler) {
  request('POST', requestHandler)
}

function request(method, requestHandler) {
  //注意：可以对params加密等处理  
  var params = requestHandler.params;
  var API_URL = requestHandler.API_URL;
  wx.request({
    url: `http://192.168.1.166:8887${API_URL}`,
    data: params,
    method: method, 
    header: {
      'content-type': 'application/json',
      'token': "bua+B0Qeh2YMwNED+AN8K41EgFBJcuGwgrIbLHRj5PdWuw339Q9mTy2Tgs9/eZDH" // 默认值
    }, // 设置请求的 header  
    success: function (res) {
      //注意：可以对参数解密等处理  
      console.log(res, 'aaa')
      requestHandler.success(res)
    },
    fail: function () {
      requestHandler.fail()
    },
    complete: function () {
      // complete  
    }
  })
}

module.exports = {
  GET: GET,
  POST: POST
}

2、使用方法
在其他js页面引入

var network = require("../../utils/net.js")

 network.POST({
      params: params,
      API_URL: "/api/order/search",
      success: (res) => {
        this.setData({
          hasRefesh: false,
          hasMore: false
        })
        if (this.data.orderData.length < res.data.count) {
          this.setData({
            orderData: this.data.orderData.concat(res.data.data),
            pageIndex: ++this.data.pageIndex
          })
        } else {
          this.setData({
            hidden: true,
          })
        }
      },
      fail: function () {
        console.log()
      }
    })