微信小程序 wx.request()

post請求，參數為鍵值對格式

wx.request({
      url: '',
      method: 'POST',
      data:'pageSize=1&pageNum=10',    //參數為鍵值對字符串
      header: {
        //設置參數內容類型為x-www-form-urlencoded
        'content-type':'application/x-www-form-urlencoded',
        'Accept': 'application/json'
      },
      success: function (res) {
        console.log(res.data)
        that.setData({
          items: res.data
        })
      }

    })

POST請求，參數為json格式

wx.request({
  url: 'test.php', //僅為示例，並非真實的接口地址
  data: {          //參數為json格式數據
     x: '' ,
     y: '',
     z:12
  },
  header: {
      //設置參數內容類型為json
      'content-type': 'application/json'
  },
  success: function(res) {
    console.log(res.data)
  }
})

wx.request() 示例：

Page({
  data: {
    motto: 'wzh ... '
  },
  //事件處理函數
  onLoad: function (options) {
    var that = this

    //技能資訊列表
    wx.request({
      url: 'http://192.168.1.103/yiji/skillList.php',
      method: 'POST',
      data:'pageSize=1&pageNum=10',
      header: {
        'content-type':'application/x-www-form-urlencoded',
        'Accept': 'application/json'
      },
      success: function (res) {
        console.log(res.data)
        //這樣賦值現在是不能將數據傳走的，必須使用setData()方法
        //that.data.items = res.data ;
        //官方文檔指出必須使用setData()方法才能將數據傳走
        that.setData({
          items: res.data
        })
      }

    })
  }
})

setData():

Page.prototype.setData() 
setData 函數用於將數據從邏輯層發送到視圖層，同時改變對應的 this.data 的值。 
setData() 參數格式 
接受一個對象，以 key，value 的形式表示將 this.data 中的 key 對應的值改變成 value。 
其中 key 可以非常靈活，以數據路徑的形式給出，如 array[2].message，a.b.c.d，並且不需要在 this.data 中預先定義。 
注意： 
直接修改 this.data 而不調用 this.setData 是無法改變頁面的狀態的，還會造成數據不一致 
單次設置的數據不能超過1024kB，請盡量避免一次設置過多的數據。

歡迎關注微信公眾號：lovephp