小程序提交表单到金数据实例 | 张先生的网络日志

一、获取金数据API的访问权限

在金数据的 个人中心——API 中，找到自己的API Key和Secret

参考：获取API访问Key/Secret

二、获取API Key:API Secret 的Base64值

Basic在线加密解密工具：http://tool.chinaz.com/Tools/Base64.aspx

将API Key:API Secret转为base64编码

例：

将：FJzf-oxvshWQVE8R6wP88A:v71v7RrgwB5mvMaGb2pTBH

转化为：Rkp6Zi1veHZzaFdRVkU4UjZ3UDg4QTp2NzF2N1JyZ3dCNW12TWFHYjJwVEJI

或者通过浏览器访问：https://jinshuju.net/api/v1/forms/表单ID

在弹出的登陆框中输入API Key和Secret

查看http请求头的 Authorization 值 Basic后面的就是

ps:在Postman里面可以方便的完成这步

三、小程序代码

wxml代码：

<form catchsubmit="formSubmit" catchreset="formReset" report-submit="true">
    <input focus="false" name="field_1" type="text" maxlength="20" placeholder="我是输入框" placeholder-style="color:#a0a0a0" value="" />
    <button class="call-btn" hover-class="btn-hover" formType="submit">提交</button>
</form>

</form>

js代码：JSON.stringify(data) 千万不要忘了这句

formSubmit: function (e) {
    var JSON = JSON.stringify(e.detail.value) //将表单内容转化为json数据
    wx.request({
        url: 'https://jinshuju.net/api/v1/forms/7F6DB2',
        method: 'post',
        dataType: 'JSON',
        header: {
            "Content-Type": "application/json; charset=utf-8",
            "Authorization": 'Basic Rkp6Zi1veHZzaFdRVkU4UjZ3UDg4QTp2NzF2N1JyZ3dCNW12TWFHYjJwVEJI'
        },
        data:JSON,
        success: function (res) {
            console.log(res.data) //返回提交的数据
        },
        fail: function (res) {
            console.log('失败')
        }
    })
}