sendSms() {
const that = this
if (that.data.btnFlag) {
that.setData({
btnFlag: false // 默认是蓝色,用户点击获取验证码按钮的时候,按钮变成灰色
})
} else {
return // 设置节流阀,防止用户一直点击。
}
wx.showLoading({
title: '正在发送短信',
})
wx.request({
url: api.baseUrl + 'api/manyi/sendSms',
method: 'POST',
header: {
'content-type': 'application/x-www-form-urlencoded'
},
data: {
// orderId: wx.getStorageSync('orderId'), //订单code
orderId: that.data.orderId, //订单code
bankCardCertNo: that.data.idCardNo, //银行卡证件号
bankCardNo: that.data.bankCardNo, //银行卡号
bankCardPhone: that.data.bankCardPhone, // 银行卡预留手机号
bankCardName: that.data.name, // 银行卡持卡人姓名
idCardEffDate: that.data.idCardEffDate, // 身份证签发日期 2019-01-01
idCardExpDate: that.data.idCardExpDate // 身份证有效日期
},
success: (res) => {
wx.hideLoading()
console.log(res.data)
if (res.data.result) {
that.setData({
billNo: res.data.message // 短信发送接口的返回值
})
// 只有短信在发送成功之后再做动画
var timer = setInterval(function() {
that.setData({
second: that.data.second - 1
})
if (that.data.second < 1) {
clearInterval(timer)
that.setData({
btnFlag: true,
second: 60
})
}
}, 1000)
} else {
// 这里注意,发送失败的时候,一定要将 获取验证码 按钮恢复原样,从而让用户可以再次点击
that.setData({
btnFlag: true
})
api.showModal({
content: res.data.message
})
}
},
fail: (e) => {
api.showModal({
content: '网络异常,请稍后重试'
})
}
})
},
支付宝小程序 如果在发送请求之前设置 加载的loading 。如果发送请求 成功,里面的toast提示就不会显示了。很讨厌。但是微信就可以。不知道其他的大佬是咋解决的。。。。。。