gettop页面实现

2025-09-11 14:31:40 +08:00 · 2022-03-01 19:31:34 +08:00
parent f52fa51895
commit 080ca33954
7 changed files with 71 additions and 2 deletions
--- a/frontend/getotp.html
+++ b/frontend/getotp.html
@@ -0,0 +1,54 @@
+<!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>