小程序开发之POST请求-小程序开发-PHP中文网

小程序开发之POST请求

巴扎黑

发布： 2017-09-12 09:35:46

原创

1733人浏览过

之前的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

易优微信工程机械小程序模板

易优小程序是基于前端开源小程序+后端易优cms+标签化API接口，是一套开源、快速搭建个性化需求的小程序CMS。轻量级TP底层框架，前后端分离，标签化API接口可对接所有小程序，支持二次开发。即使小白用户也能轻松搭建制作一套完整的线上版小程序。微信工程机械小程序模板主要特点：1、代码开源，支持二次修改。2、微信原生写法，兼容性更好，代码可读性更强。3、功能接口完整，支持eyoucms大部分功能ap

查看详情

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中文网其它相关文章！