微信开发小程序 将textarea里写入的内容提交传到数据库
时间: 2023-10-02 17:06:12 浏览: 104
要将textarea里写入的内容提交传到数据库,需要进行以下步骤:
1. 在小程序中添加一个textarea组件,用于输入内容。
2. 在textarea组件中添加一个bindinput事件,用于监听用户输入的内容。
3. 在事件处理函数中将获取到的内容保存到一个变量中。
4. 添加一个提交按钮,点击后将变量中保存的内容提交到服务器。
5. 在服务器端接收到提交的数据后,将数据存储到数据库中。
以下是一个示例代码:
```
// HTML代码
<textarea bindinput="onInput"></textarea>
<button bindtap="onSubmit">提交</button>
// JS代码
Page({
data: {
content: '', // 保存用户输入的内容
},
onInput: function(e) {
this.setData({
content: e.detail.value
})
},
onSubmit: function() {
wx.request({
url: 'http://example.com/submit',
method: 'POST',
data: {
content: this.data.content
},
success: function(res) {
wx.showToast({
title: '提交成功'
})
},
fail: function(res) {
wx.showToast({
title: '提交失败'
})
}
})
}
})
```
在这个示例中,我们通过bindinput事件监听用户输入的内容,并将内容保存到data中的content变量中。在提交按钮的事件处理函数中,我们使用wx.request方法向服务器发送POST请求,将content变量中保存的内容作为请求参数提交到服务器。在服务器端,我们可以接收到提交的数据,并将数据存储到数据库中。
阅读全文