Get-Anfragen und Post-Anfragen in Miniprogrammen in globale Funktionen (Code) kapseln

In diesem Artikel geht es um die Kapselung von Get-Anfragen und Post-Anfragen in globalen Funktionen (Code). Ich hoffe, dass er für Sie hilfreich ist. .

Kopieren Sie zuerst diesen Code in app.js

  /**
   * methods： 请求方式
   * url: 请求地址
   * data： 要传递的参数
   * callback： 请求成功回调函数
   * errFun： 请求失败回调函数
   */
  appRequest(methods, url, data, callback, errFun) {
    wx.request({
      url: url,
      method: methods,
      header: {        
      'content-type': methods == 'GET' ? 'application/json' : 'application/x-www-form-urlencoded'
      },
      dataType: 'json',
      data: data,
      success: function (res) {
        callback(res.data);
      },
      fail: function (err) {
        errFun(err);
      }
    })
  },

Zuerst ist die Get-Anfrage

const app = new getApp();// page/a/a.jsPage({  /**
   * 页面的初始数据
   */
  data: {

  },  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {    //懒人的写法 URL过长和传参多的时候比较不美观
    app.appRequest('get', 'https://www.apiopen.top/satinApi?type=1&page=1', {}, (res) => {
      console.log(res)
    }, (err) => {
      console.log('请求错误信息：  ' + err.errMsg);
    });    //稍微优雅一点的写法，其实就是多一行代码,但是美观多了，也好维护
    let url = 'https://www.apiopen.top/satinApi?type=1&page=1';
    app.appRequest('get', url, {}, (res) => {
      console.log(res)
    }, (err) => {
      console.log('请求错误信息：  ' + err.errMsg);
    });
  }
})

Bei der Get-Anfrage wird der Datenparameter geschrieben as { } Einfach

und dann die Anfrage posten

const app = new getApp();// page/b/b.jsPage({  /**
   * 页面的初始数据
   */
  data: {

  },  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {    //懒人的写法 URL过长和传参多的时候比较不美观
    app.appRequest('post', 'https://www.apiopen.top/satinApi', { type:1, page:1 }, (res) => {
      console.log(res)
    }, (err) => {
      console.log('请求错误信息：  ' + err.errMsg);
    });    //稍微优雅一点的写法，其实就是多一行代码,但是美观多了，也好维护
    let url = 'https://www.apiopen.top/satinApi';
    let data = {        type: 1,
        page: 1
    }
    app.appRequest('post', url, data, (res) => {
      console.log(res)
    }, (err) => {
      console.log('请求错误信息：  ' + err.errMsg);
    });
  }
})

Wenn sich natürlich jede URL auf der Seite befindet, erhöht sich der Wartungsaufwand, sodass alle Schnittstellen platziert werden sollten Nachdem ich es in einer Datei gespeichert habe, habe ich mich dafür entschieden, es in app.js zu platzieren. So schreibe ich es:

//app.js里面添加全局属性，和一个函数//全局请求URL处理函数
 globalRequestUrl(domainName, site) {   return this.globalData[domainName] + this.globalData[site]
 },//全局所有请求Url
 globalData: {
   domainNameA: 'https://www.apiopen.top',//请求域名A
   domainNameB: 'https://www.apiopen.top',//请求域名B
   siteA: '/satinApi'
 }

Verwenden Sie die globale Anforderungs-URL-Verarbeitungsfunktion, um die Get-Anfrage auf Seite C zu verwenden.

const app = new getApp();// page/c/c.jsPage({  /**
   * 页面的初始数据
   */
  data: {

  },  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {    //懒人的写法 URL过长和传参多的时候比较不美观
    app.appRequest('get', app.globalRequestUrl('domainNameA','siteA'), {}, (res) => {
      console.log(res)
    }, (err) => {
      console.log('请求错误信息：  ' + err.errMsg);
    });    //稍微优雅一点的写法，其实就是多一行代码,但是美观多了，也好维护
    let url = app.globalRequestUrl('domainNameA','siteA');
    app.appRequest('get', url, {}, (res) => {
      console.log(res)
    }, (err) => {
      console.log('请求错误信息：  ' + err.errMsg);
    });
  }
})

Verwenden Sie die globale Anforderungs-URL Verarbeitungsfunktion in Seite D Post-Anfrage wird innerhalb verwendet

const app = new getApp();// page/d/d.jsPage({  /**
   * 页面的初始数据
   */
  data: {

  },  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {    //懒人的写法 URL过长和传参多的时候比较不美观
    app.appRequest('post', app.globalRequestUrl('domainNameA','siteA'), { type:1, page:1 }, (res) => {
      console.log(res)
    }, (err) => {
      console.log('请求错误信息：  ' + err.errMsg);
    });    //稍微优雅一点的写法，其实就是多一行代码,但是美观多了，也好维护
    let url = app.globalRequestUrl('domainNameA','siteA');
    let data = {        type: 1,
        page: 1
    }
    app.appRequest('post', url, data, (res) => {
      console.log(res)
    }, (err) => {
      console.log('请求错误信息：  ' + err.errMsg);
    });
  }
})

rrree

Verwandte Empfehlungen:

Weitere Codebeispiele zum Implementieren der Seiten-Pulldown-Aktualisierung und des Pullup-Ladens im WeChat-Applet

So legen Sie globale Variablen (Code) im WeChat-Miniprogramm fest

So implementieren Sie synchrone Anfragen im WeChat-Miniprogramm

Das obige ist der detaillierte Inhalt vonGet-Anfragen und Post-Anfragen in Miniprogrammen in globale Funktionen (Code) kapseln. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!