微信小程序表单登录并获取个人信息的实现

首先我们先创建一个login的目录和page，在login.wxml里面通过代码设计一个登录页面，代码如下：

<view class='container'>
<form bindsubmit="formSubmit" bindreset="formReset">
<view class="section">
<view class="section__title">学号：</view>
<input name="no" placeholder="请输入你的学号" />
</view>
<view class="section">
<view class="section__title">密码：</view>
<input name="pwd" type='number' placeholder="请输入你的密码"/>
</view>
<view class="btn-area">
<button formType="submit" class='submit'>登录</button>
<button formType="reset" class='reset'>重置</button>
</view>
</form>
</view>

在获取信息之前我们必须绑定request的域名信息，知道接口的链接，代码如下：

formSubmit:function(e){
// console.log(e.detail.value);
wx.request({
url: ''//相应的域名链接,
data: {
username: e.detail.value.no,
password: e.detail.value.pwd
},
header: {
'content-type': 'application/json' // 默认值
},
success: function (res) {
// console.log(res.data)

wx.redirectTo({
url: '../teachers/teachers'
})
}
})
}