小程序開發(fā)中如何實現(xiàn)POST請求

小編給大家分享一下小程序開發(fā)中如何實現(xiàn)POST請求，希望大家閱讀完這篇文章之后都有所收獲，下面讓我們一起去探討吧！

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

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

而對于POST請求現(xiàn)在只注意兩點就夠了

1.加上 method: "POST"，不區(qū)分大小寫
2-1.普通參數(shù)傳遞需加上'content-type':   "application/x-www-form-urlencoded"（這里的content-type跟Content-Type現(xiàn)在效果一樣，之前得寫成全小寫）
2-2.json對象參數(shù)傳遞需加上'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

<?xml version="1.0" encoding="utf-8"?>

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

看完了這篇文章，相信你對“小程序開發(fā)中如何實現(xiàn)POST請求”有了一定的了解，如果想了解更多相關知識，歡迎關注億速云行業(yè)資訊頻道，感謝各位的閱讀！