原创声明:本文为作者原创,未经允许不得转载,经授权转载需注明作者和出处
wxml主要代码
<view wx:for="{{array}}" >
{{item.value}}
</view>
<input bindinput="confirm" placeholder="留言内容" />
<button bindtap="click" >发送</button>
js主要代码
// 输入完成
confirm: function (e) {
newnote = e.detail.value
},
//留言
click: function (e) {
var that = this
wx.request({
url: ‘https://api.wxappclub.com/put‘,
data: {
appkey: ‘XX’,
key: “key_@”,
type:”message”,
value:newnote
},
header: {
‘content-type’: ‘application/json’
},
success: function (res) {
wx.request({
url: ‘https://api.wxappclub.com/list‘,
data: {
appkey: ‘xx’,
type:”message”
},
header: {
‘Content-Type’: ‘application/json’
},
success: function (res) {
that.setData({
array: res.data.result
})
}
})
}
})
}
算是模拟数据库的用法把,put API用—@随机key,加type类似字段名,实现插入数据。读取数据用list API,获取数组后wx-for输出。