微信小程序笔记(一)表单提交:
1.首先在前端要有一个表单
wxml代码:
<form bindsubmit="formSubmit">/*绑定一个表单提交函数*/
<view>
<view>
<view>
发表模块
</view>
<picker bindchange="bindPickerChange" value="{{index}}" range="{{array}}">
<view>
{{array[index]}}
</view>
</picker>/* picker控件,选择一个值*/
</view>
</view>
<view>
<view>
<input placeholder='多行文本输入框'name='content'></input>/*输入文本框*/
</view>
</view>
<view>
<button form-type='submit'>发布</button>/*将表单的所有控件的值发送到js端的formSubmit函数上*/
</view>
</form>
2.在js段定义formSubmit函数
js端代码:
formSubmit: function (e) {/*e是前端表单点击事件传输过来的所有数据*/
var that = this
wx.request({
method: 'POST',
header: {"Content-Type": "application/x-www-form-urlencoded"
},
url: 'https://www.littlegenius.xin/AnonymousWallRequest/item.php', //这里要用你自己的地址哦
data: {
content/*这个是你post上去的name*/: e.detail.value.content/*这是前端传的值的name*/, class:e.detail.value.class
},
success: function (res) {
wx.showToast({
title: '成功',
image: '../Image/suess.png',
duration: 200
})
}
})
}