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

小程式開發之POST請求

巴扎黑
發布: 2017-09-12 09:35:46
原創
1498 人瀏覽過

之前的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中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板