微信小程序發起請求

一.示例代碼

wx.request({
  url: 'test.php', // 僅爲示例，並不是真實的接口地址
  data: {
    x: '',
    y: ''
  },
  header: {
    'content-type': 'application/json' // 默認值
  },
  success(res) {
    console.log(res.data)
  }
})

注意:若是進行本地測試請在右上角詳情>本地設置>不校驗合法性打鉤

二.參數

微信官方解釋

參數

屬性	類型	默認值	必填	說明
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	否	響應的數據類型
success	function		否	接口調用成功的回調函數
fail	function		否	接口調用失敗的回調函數
complete	function		否	接口調用結束的回調函數（調用成功、失敗都會執行

object.dataType 的合法值

值	說明
json	返回的數據爲 JSON，返回後會對返回的數據進行一次 JSON.parse
其餘	不對返回的內容進行 JSON.parse

object.success 回調函數

參數

Object res

屬性	類型	說明
data	string/Object/Arraybuffer	開發者服務器返回的數據
statusCode	number	開發者服務器返回的 HTTP 狀態碼
header	Object	開發者服務器返回的 HTTP Response Header

三.地址配置小技巧

若是說這個地址不肯定,正式上線可能會變,調試的時候本機調試

app.js中globalData進行設置

globalData: {
    userInfo: null,
    host:"http://127.0.0.1:8000/"
  }

調試組件的js中設置

var app = getApp()
........
click:function(){
    wx.request({
      url: app.globalData.host+'test', // 僅爲示例，並不是真實的接口地址
        ......  
      }
    })
  },