【微信小程序】封装http请求

最新推荐文章于 2025-06-23 17:27:52 发布

转载最新推荐文章于 2025-06-23 17:27:52 发布 · 788 阅读

微信小程序专栏收录该内容

3 篇文章

订阅专栏

本文介绍了一种在微信小程序中封装网络请求的方法，通过创建一个通用的请求函数简化了HTTP请求过程，并展示了如何使用该函数发起GET请求获取数据。

原文地址：http://www.cnblogs.com/happen-/p/6278327.html

在utils文件中创建js文件：

//request.js

var root = "http://uat.gfcarnival.com:8088/ACClient/"; //以实际地址为准
var app = getApp(); //获得app.js的属性方法

var sendRrquest = function (url, method, data, header) {
  data = data || {};
  header = header || {};
 data = app.extend(data, app.globalData.data); //data和全局data对象相加
  var promise = new Promise(function (resolve, reject) {
    wx.request({
      url: root + url,
      data: data,
      method: method,
      header: app.globalData.header,
      success: resolve,
      fail: reject
    }) //微信请求API
    console.log("请求参数：");
    console.log(data);
    console.log("请求方法：");
    console.log(method);
    console.log("请求头：");
    console.log(header);
  });
  return promise;
}; 

module.exports.sendRrquest = sendRrquest

在其他js文件中引用：

var request = require('../../utils/request.js')
var url = "jfbs/jfbs1001/getBanners.do?"; //接口，以实际为准
var app = getApp();

onLoad: function() {
    var that = this;
    request.sendRrquest(url, 'GET', { data:data }, )
      .then(function (res) {
        console.log("返回数据：");
        console.log(res);
      }, function (error) {
        console.log("返回失败：");
        console.log(error);
      });