封装微信小程序的请求和支付宝小程序请求 以及请求方式的区别

这是封装好的微信小程序请求。 大家可以直接拿来使用。在页面js里面引入就好了。 支付宝同理

//封装请求函数
const app = getApp()
var httpurl = app.globalData.url;
function POST(url, data) {
  var promise1 = new Promise((resolve, reject) => {
    //网络请求
    wx.request({
      url: httpurl+`/${url}`,
      data: data,
      method: 'POST',
      header: { 'Content-type': 'application/x-www-form-urlencoded' },
      success: resolve,
      fail: reject
    })
  });
  return promise1;
}
//封装请求函数
function GET(url, data) {
  var promise = new Promise((resolve, reject) => {
    //网络请求
    wx.request({
      url: httpurl +`/${url}`,
      data: data,
      method: 'GET',
      header: {
        'Content-Type': 'application/json'
      },
      success: resolve,
      fail: reject
    })
  });
  return promise;
}
module.exports = {
  post: POST,
  get: GET
}

这是封装好的支付宝小程序的请求

//封装请求函数
const app = getApp()
var httpurl = app.globalData.url;
function POST(url, data) {
  var promise1 = new Promise((resolve, reject) => {
    //网络请求
    my.request({
      url: httpurl+`/${url}`,
      data: data,
      method: 'POST',
      dataType: 'JSON',
      headers: { 'content-type': 'application/x-www-form-urlencoded' },
      success: resolve,
      fail: reject
    })
  });
  return promise1;
}
//封装请求函数
function GET(url, data) {
  var promise = new Promise((resolve, reject) => {
    //网络请求
    my.request({
      url: httpurl +`/${url}`,
      data: data,
      method: 'GET',
      dataType: 'JSON',
      // header: {
      //   'Content-Type': 'application/json'
      // },
      success: resolve,
      fail: reject
    })
  });
  return promise;
}
module.exports = {
  post: POST,
  get: GET
}

1.微信小程序的请求方式是wx.request 支付宝my.request
2.微信请求头header: { 'Content-type': 'application/x-www-form-urlencoded' },
支付宝请求头headers: { 'content-type': 'application/x-www-form-urlencoded' },。这里 一定不要弄错，看上去没差，但是支付宝在请求头上多加了一个S。这个坑一定要注意~

3.页面引入，如何使用
js顶部引用封装好的请求
const request = require(…/js/require.js)
例

 getBanner(){
    let data = {};
    request.get('HomePageController/selectBanner.do',data).then(res =>{
      if(res.data.code == 200){
             console.log(res)
      }
    })
  },