微信小程序請求數據

微信小程序請求數據，在頁面展示，可以在onLoad生命周期中進行請求。

1.新建目錄http，新建文件http.js

 

2.在js文件中暴露需要使用的變量

var baseUrl = 'http://101.89.144.168';
export const httpUrl = {
  "getContentList": baseUrl + "/api/portals/content/getContentsList",
  "contentType": "application/x-www-form-urlencoded" //header 
}

 

 3.設置是否校驗請求鏈接。不設置這個，可能會請求失敗。

 

 

4.在生命周期onLoad中使用wx.request({})請求數據 

import {httpUrl} from '../../http/http.js'

  onLoad: function (options) {
    console.log(this.data.test);
    //引入js
    wx.request({
      url: httpUrl.getContentList,
      data: { "type": "news_normal", "offset": 0, "limit": -1, },
      method:"post",
      //header也可以寫成配置那樣的形式
      header: {
        "Content-Type": httpUrl.contentType
      },
      //回調函數中使用箭頭函數，改變this的指向。
      success:res=>{
        console.log(res);
        console.log(this.data.test);
      }
    })
  },