微信小程序如何通过submit获取textarea中的内容
时间: 2024-09-10 09:22:48 浏览: 45
在微信小程序中,`<textare>`组件默认不具备直接提交的功能,如果你想获取用户在`<textare>`输入的内容并发送到服务器,你需要自定义处理。通常的做法是在表单内添加一个按钮,并为其设置一个`bind submit`事件处理器。
首先,在你的WXML文件中创建一个包含`<textare>`和`<button>`的表单结构:
```html
<view class="container">
<textare placeholder="请输入文本" bindinput="handleInput"></textare>
<button formType="post" onClick="handleSubmit">提交</button>
</view>
```
然后,在对应的JS文件中定义`handleInput`和`handleSubmit`方法:
```javascript
Page({
data: {
textareaValue: ''
},
handleInput: function(e) {
// 获取textarea的值并赋给data属性
this.setData({
textareaValue: e.detail.value
});
},
handleSubmit: function(e) {
// 阻止默认提交行为,防止页面刷新
e.preventDefault();
// 发送POST请求到服务器
wx.request({
url: '你的服务器地址', // 替换为实际的服务器接口地址
method: 'POST',
data: {
text: this.data.textareaValue
},
success(res) {
console.log('服务器返回:', res.data);
},
fail(err) {
console.error('请求失败:', err);
}
});
}
})
```
这里,`handleInput`会在用户输入时实时更新`textareaValue`,`handleSubmit`会在点击提交按钮时将textarea的内容作为数据发送到服务器。
阅读全文