小程序模板網(wǎng)

小程序版結(jié)合promise的axios風格ajax請求函數(shù)

發(fā)布時間:2018-10-19 10:46 所屬欄目:小程序開發(fā)教程

建議的小程序版本的axios函數(shù),之所以說簡易,因為只是用了常用的請求方法外,然后添加了攔截器而已。
具體如下:

wxhttp


命名為wxhttp

具體的請求用法如axios

wxhttp#request(config)

wxhttp#get(url[,config])

wxhttp#delete(url[,config])

wxhttp#head(url[,config])

wxhttp#options(url[,config])

wxhttp#post(url[,data[,config]])

wxhttp#put(url[,data[,config]])

wxhttp#patch(url[,data[,config]])

攔截方法:

  1. 請求攔截

wxhttp.interceptors.request.use(handleRequest(config),handleError(err))

注意:handleRequest需要返回處理后的config

  1. 返回攔截

wxhttp.interceptors.response.use(handresponse(res))

注意:handleResponse需要返回處理后的res

例子:

import $http from "../../utils/http"
export default {
  name: 'seckillHome',
  data() {
    return {

    }
  },
  onShow() {
    // 請求攔截
    $http.interceptors.request.use(function (config) {
      console.log(`請求攔截`, config)
      // 此處設(shè)置的數(shù)據(jù)將與請求的數(shù)據(jù)進行合并,如果自動同名則以攔截的為準。
      config.data = {
        address: "北京市東城區(qū)"
      }
      return config
    })

    $http.post('https://www.baidu.com', {
      name: 'cdd',
      age: 23
    }).then(res => {
      console.log(`結(jié)果是`, res)
    })
  }
}

因為使用了promise風格,所以可以使用Promise.all方法來進行并發(fā)請求。



易優(yōu)小程序(企業(yè)版)+靈活api+前后代碼開源 碼云倉庫:starfork
本文地址:http://22321a.com/wxmini/doc/course/24898.html 復(fù)制鏈接 如需定制請聯(lián)系易優(yōu)客服咨詢:800182392 點擊咨詢
QQ在線咨詢