在开发者工具中写代码实现效果。
<view class="mylogin"> <view class="header"> <text>评分系统</text> </view> <form bindsubmit="formSubmit"> <view class="log"> <text>学号:</text> <input type="text" name="no" value="...."></input> </view> <view class="log"> <text>密码:</text> <input password="true" name="pwd" value="...."></input> </view> <view class="log"> <button type="warn" form-type="submit">登录</button> </view> </form> </view>
js
Page({
/**
* 页面的初始数据
*/
data: {
},
/**
* 生命周期函数--监听页面加载
*/
onLoad: function (options) {
},
/**
* 生命周期函数--监听页面初次渲染完成
*/
onReady: function () {
},
/**
* 生命周期函数--监听页面显示
*/
onShow: function () {
},
/**
* 生命周期函数--监听页面隐藏
*/
onHide: function () {
},
/**
* 生命周期函数--监听页面卸载
*/
onUnload: function () {
},
/**
* 页面相关事件处理函数--监听用户下拉动作
*/
onPullDownRefresh: function () {
},
/**
* 页面上拉触底事件的处理函数
*/
onReachBottom: function () {
},
/**
* 用户点击右上角分享
*/
onShareAppMessage: function () {
},
formSubmit: function (e) {
console.log(e.detail.value);
wx.request({
url: 'https://www.......top/pj/index.php/student/api/login', //仅为示例，并非真实的接口地址
data: {
username: e.detail.value.no,
password: e.detail.value.pwd
},
header: {
'content-type': 'application/json' // 默认值
},
success: function (res) {
console.log(res.data);
//缓存
wx.setStorage({
key: 'student',
data: res.data.student,
});
wx.showToast({
title: '登录成功',
icon: 'none',
duration: 1000
})
//页面跳转
wx.switchTab({
url: '../teachers/teachers'
})
}
})
}
})