极速快3精准计划|极速快3有规律吗
用戶
 找回密碼
 立即注冊

QQ登錄

只需一步,快速開始

掃一掃,登錄網站

小程序社區 首頁 資訊/觀點 查看內容

小程序wx.request()方法簡單封裝

Rolan 2019-4-18 00:24

小程序wx.request()方法 發起 HTTPS 網絡請求。 參數 屬性 類型 默認值 必填 說明 最低版本 url string 是 開發者服務器接口地址 data string/object/ArrayBuffer 否 請求的參數 header Object 否 ...

小程序wx.request()方法

發起 HTTPS 網絡請求。

參數

屬性 類型 默認值 必填 說明 最低版本
url string 開發者服務器接口地址
data string/object/ArrayBuffer 請求的參數
header Object 設置請求的 header,header 中不能設置 Referer。
content-type 默認為 application/json
method string GET HTTP 請求方法
dataType string json 返回的數據格式
responseType string text 響應的數據類型 1.7.0
success function 接口調用成功的回調函數
fail function 接口調用失敗的回調函數
complete function 接口調用結束的回調函數(調用成功、失敗都會執行)

success回調函數返回的數據 data、statusCode、header


文件目錄

一個項目請求接口特別多 我們不能每個文件請求接口都去寫url這個修改會有問題的所以我們要建一個文件寫請求的接口路徑 如圖所示

使用方法

1、api入口文件

在api入口文件先定義
let url = "https://baidu.com";
export default url;
復制代碼

2、config.js配置請求的url

config.js
配置請求的url

var api_url = require('../apientry/index.js');
var config = {
	api: api_url.default
}
module.exports = {
	ROOT_API: config.api,
}
復制代碼

這里用專門文件去記錄域名為了方便切換正式、測試、本地的環境。

3、引入url并拼接后臺給的接口

resource.js
// 引入url并拼接后臺給的接口
import {ROOT_API} from './config';
const hApi = {
    homeInfo: ROOT_API.concat('/homeInfo'), // 首頁信息
}
module.exports = hApi;
復制代碼

用一個專門的文件記錄后臺的接口這樣可以方便更改接口,統一對該文件修改就可以了

4、封裝wx.request()方法

import {homeInfo} './resource.js';

index.js
封裝wx.request()方法
var wxRequest = (url, data = {}, method = 'POST') => {
  return new Promise(function (resolve, reject) {
    wx.request({
      url,
      method,
      data: data,//getObj(data),
      header: {},
      success: (res) => {
        console.log(res)
        resolve(res.data)
      },
      fail: (data) => {
        reject(data)
      },
      complete: (data) => {
      }
    })
  })
};
將后臺接口封裝成一個方法,每次只調用該方法就OK
module.exports = {
    homeInfo (data){
        return wxRequest(homeInfo, data);
    },
}
簡單介紹一下隱士返回值
var wxRequest = () => {return }  相當于 var wxRequest = function wxRequest(){return }
也可以寫成 var wxRequest = () => ()
復制代碼

5、頁面中使用方法

import {homeInfo} from '@/api/index.js';
async getHomeInfo () {
    let params = {}
    let res = awiat homeInfo (params)
    ...
}
復制代碼

結尾

以上就是整個流程啦 歡迎大家提議,相互學習 嘿嘿

鮮花
鮮花
雞蛋
雞蛋
分享至 : QQ空間
收藏
原作者: 陌々 來自: 掘金
极速快3精准计划 幸运28如何刷大量流水 幸运飞艇在线软件计划网页版 最新单双公式技巧规律 23彩票软件 蚂蚁pt 北京pk10技巧公式 时时彩后二100 快速时时的套路 二八杠口诀赌博的技巧 彩票11选5稳赚技巧