html表单数据上传云数据库,小程序将form表单数据写入云数据库

用戶名:

年齡:

性別:

Submit

Get

/* pages/MyIncome/MyIncome.wxss */

.btn-area{

background-color: #e4e4e4;

width: 30%;

margin: auto; /*居中處理*/

border-radius: 20rpx;

margin-top: 10px;

}

// pages/MyIncome/MyIncome.js

// pages/page_02/page_02.js

Page({

/**

* 页面的初始数据

*/

data: {

username:"",

age:0,

gender:""

},

/**

* 生命周期函数--监听页面加载

*/

onl oad: function (options) {

},

/**

* 生命周期函数--监听页面初次渲染完成

*/

onReady: function () {

},

getForm:function(e){

var formdata = e.detail.value;

this.setData({

"data.username":formdata.username,

"data.age":formdata.age,

"data.gender":formdata.gender

})

console.log("更新data",e)

},

getData:function(e){

var getdata = this.data;

const db = wx.cloud.database();

db.collection("user_info").add({

data:{

username:getdata.data.username,

age:getdata.data.age,

gender:getdata.data.gender

}

}).then(res=>{

console.log("添加至數據庫成功",res)

}).catch(res=>{

console.log("添加失敗",res)

})

}

})

标签：username,function,MyIncome,form,gender,age,写入,表单,data

来源： https://blog.csdn.net/weixin_44711037/article/details/112172436