1.小程序目录图
js文件是逻辑控件，主要用于发送请求和接收数据，json用于此页面的本地配置并覆盖全局app.json配置，wxss用于页面样式设置，wxml是页面，相当于html
2. Wxml文件代码
******关键点
A.Form表单，需要绑定一个事件，在中，属性为
=””此处的属性值可以命名为符合规范的任何值，这等效于前一个html中的ο=”（）”（即函数名）。提交时触发此功能事件。此函数是用js编写的。
B。其他属性类似于先前的HTML。请注意，表单必须具有名称=“”。后端处理与之前相同。例如，可以使用$ ['']来接收name =“” PHP。
C。由于小程序没有此按钮，因此每个表单中都必须有一个提交按钮，
提交，此按钮用于打开提交事件。
3. js代码
//index.js //获取应用实例 const app = getApp() Page({ data: { }, formSubmit: function (e) { //console.log(e.detail.value); if (e.detail.value.xingming.length == 0 || e.detail.value.xingming.length >= 8) { wx.showToast({ title: '姓名不能为空或过长!', icon: 'loading', duration: 1500 }) setTimeout(function () { wx.hideToast() }, 2000) } else if (e.detail.value.xingbie.length == 0) { wx.showToast({ title: '性别不能为空!', icon: 'loading', duration: 1500 }) setTimeout(function () { wx.hideToast() }, 2000) } else if (e.detail.value.aihao.length == 0) { wx.showToast({ title: '爱好不能为空!', icon: 'loading', duration: 1500 }) setTimeout(function () { wx.hideToast() }, 2000) } else { wx.request({ url: '接口路径', header: { "Content-Type": "application/x-www-form-urlencoded" }, method: "POST", data: { xingming: e.detail.value.xingming, xingbie: e.detail.value.xingbie, aihao: e.detail.value.aihao }, success: function (res) { console.log(res.data); if (res.data.status == 0) { wx.showToast({ title: '提交失败！！！', icon: 'loading', duration: 1500 }) } else { wx.showToast({ title: '提交成功！！！',//这里打印出登录成功 icon: 'success', duration: 1000 }) } } }) } }, })
****** js需要注意
必须使用Page（）方法，并将js对象放置在其中，该对象用于在加载页面时显示效果
数据：{}，数据对象，在页面中设置数据，前端可以通过读取该对象中的数据来显示它。
：小程序中的方法是方法名称：（），可以将其作为参数传入以触发当前时间
（这里e是当前触发事件的对象，类似于htmlο=“ foo（this）”此对象，小程序封装了许多内置的调用方法，
e ...是当前对象名称=“”的值，e ...就是这样
该值的长度类似于JS中的值。弹出框是弹出框的显示信息。该图标是弹出框的图标状态。目前
只有这两个状态。屏幕上显示弹出框的时间。 ）
要点了
wx。（{
url：“接口路径”，
：{
“-类型”：“ / x-www-form-”
}，
：“开机自检”，
数据：{：e ...，：e ...，：e ...}，
：（分辨率）{
.log（res.data）;
if（res.data。== 0) {
wx。（{
：'提交失败！ ！ ！ '
icon：''，
：1500
}）
}其他{
wx。（{
：'提交成功！ ！ ！ '，//这将显示登录成功
icon：''，
：1000
}）
}
}
wx。（{}）是一个启动请求的小程序。请注意，http不起作用。
wx。（{}）是一个启动请求的小程序。请注意，http不起作用。
这里
A.url是您请求的URL。例如，在前端，以POST形式='。php'，其中.php是相对路径微信小程序云开发怎样提交数据，是一个小程序
请求的URL必须是绝对网络路径。例如：
B。
：{
“-类型”：“ / x-www-form-”
}，
由于POST和GET以不同的方式传输数据，因此POST必须是
“-类型”：“ / x-www-form-”
GET可以是''：'/ json'
C。请务必输入：“ POST”默认为“ GET”，请保留大写字母
data：{：e ...，：e ...，：e ...}，
此处的数据是发布到服务器并以{name：}形式发送的数据
D。成功回调函数
：（分辨率）{
// .log（res.data）;
if（res.data。== 0) {
wx。（{
：'提交失败！ ！ ！ '
icon：''，
：1500
}）
}其他{
wx。（{
：'提交成功！ ！ ！ '
icon：''，
：1000
}）
}
}
E。:(）是作为一个事件成功触发的请求状态，即200时，请注意请求成功而不是操作成功，请求只是此
此行将程序连接到服务器。
F.if（res.data。== 0) {
wx。（{
：'提交失败！ ！ ！ '
icon：''，
：1500
}）
}
添加一个，然后分别编写事件。具体对待具体问题
saveEvaluate:function (e){ let that = this; let answerPaths = this.data.listData.studentQuestionList[this.data.m].answerPaths; let studentId = this.data.listData.studentQuestionList[this.data.m].studentId; request.post({ url: 接口名称, data: { photoId: this.data.detail.homeworkId, userId: studentId, photoRemark: e.detail.value.photoRemark, photoScore: e.detail.value.photoScore, answerPaths: answerPaths, access_token: app.getToken() } }).then(res => { if (res.data.code == 200) { that.setData({ studentList: that.data.studentList, completeStudentList: that.data.completeStudentList }) //刷新弹框页面数据 wx.navigateTo({ url: '/pages/xxx/xxx/xxx', }) } }) }
学习链接：