微信小程序填坑之路之POST請求（更新2016/12/22）

• 發表于 8年前
• 作者 toBeMN
• 15760 人瀏覽
• 38 條評論
• 最后編輯時間 8年前
• 來自 [技術]

原創聲明:本文為作者原創，未經允許不得轉載，經授權轉載需注明作者和出處

之前的post的請求確實有不少的坑，公測以來小程序一直在更新，所以之前的版本只能作廢掉，重新寫一次

對于小程序的get請求就不多說了，因為文檔都有例子ctrl+c ctrl+v就好了

而對于POST請求現在只注意兩點就夠了

1.加上 method: "POST"，不區分大小寫
2-1.普通參數傳遞需加上'content-type': "application/x-www-form-urlencoded"（這里的content-type跟Content-Type現在效果一樣，之前得寫成全小寫）
2-2.json對象參數傳遞需加上'content-type': "application/json"

然后就可以直接上例子了：

index.js

var app = getApp()
Page({
  data: {
    id:'',
    username: '',
    age: ''
  },
  user2json: function() {
    var that=this;
    wx.request({
      url: 'http://localhost:8080/springMVC/user/bean2json.mn',
      data: {
        id:1,
        username:"toBeMN",
        age:38
      },
      method: 'POST', 
      header: {
        "Content-Type":"application/x-www-form-urlencoded"
      },
      success: function(res){
        that.setData({
          id:res.data.id,
          username: res.data.username,
          age: res.data.age
        })
      }
    })
  },
  onLoad: function () {}
})

index.wxml

<view class="container">
  <button bindtap="user2json">bean2json</button>
  <text>id:{{id}}</text>
  <text>username:{{username}}</text>
  <text>age:{{age}}</text>
</view>

效果