首頁  >  文章  >  微信小程式  >  小程式開發之POST請求

小程式開發之POST請求

巴扎黑
巴扎黑原創
2017-09-12 09:35:461423瀏覽

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

#對於小程式的get請求就不多說了,因為文檔都有例子ctrl+c ctrl+v就好了

小程式開發之POST請求#而對於POST請求現在只注意兩點就夠了

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

小程式開發之POST請求然後就可以直接上範例了:

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>

以上是小程式開發之POST請求的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn