mirror of
https://gitee.com/coder-xiaomo/flashsale
synced 2025-01-30 13:10:26 +08:00
54 lines
1.6 KiB
HTML
54 lines
1.6 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="en">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<title>Title</title>
|
||
<script src="./static/assets/global/plugins/jquery-1.11.0.min.js" type="text/javascript"></script>
|
||
</head>
|
||
<body>
|
||
<div>
|
||
<h3>获取OTP信息</h3>
|
||
<div>
|
||
<label>手机号</label>
|
||
<div>
|
||
<input type="text" placeholder="手机号" name="telephone" id="telephone">
|
||
</div>
|
||
</div>
|
||
<div>
|
||
<button id="getotp" type="submit">
|
||
获取OTP短信
|
||
</button>
|
||
</div>
|
||
</div>
|
||
|
||
<script>
|
||
jQuery(document).ready(function () {
|
||
$("#getotp").on("click", function () {
|
||
var telephone = $("#telephone").val();
|
||
if (telephone == null || telephone == "") {
|
||
alert("手机号不能为空");
|
||
return false; // 捕获onclick事件，不让他传递到上一层
|
||
}
|
||
$.ajax({
|
||
type: "POST",
|
||
contentType: "application/x-www-form-urlencoded",
|
||
url: "http://localhost:8090/user/getotp",
|
||
data: {
|
||
"telephone": telephone,
|
||
},
|
||
success: function (data) {
|
||
if (data.status == "success") {
|
||
alert("OTP已经发送到了您的手机上，请注意查收");
|
||
} else {
|
||
alert("OTP发送失败，原因为" + data.data.errMsg);
|
||
}
|
||
},
|
||
error: function (data) {
|
||
alert("OTP发送失败，原因为" + data.responseText);
|
||
}
|
||
})
|
||
})
|
||
})
|
||
</script>
|
||
</body>
|
||
</html> |