create_user.html 2.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475
  1. {{define "create_user.html"}}
  2. <!DOCTYPE html>
  3. <html lang="en">
  4. <head>
  5. <meta charset="UTF-8">
  6. <script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
  7. <title>创建用户</title>
  8. </head>
  9. <body>
  10. <div style="margin: auto;width: 30%">
  11. <p>创建用户</p>
  12. <form>
  13. <table>
  14. <tr>
  15. <td>用户名:</td>
  16. <td><input type="text" name="name" id="name" placeholder="请输入用户名"></td>
  17. </tr>
  18. <tr>
  19. <td>手机号:</td>
  20. <td><input type="text" name="phone" id="phone" placeholder="请输入手机号"></td>
  21. </tr>
  22. <tr>
  23. <td>ip白名单:</td>
  24. <td><input type="text" name="ip_white_list" id="ip_white_list" placeholder="请输入ip白名单">
  25. </td>
  26. </tr>
  27. <tr>
  28. <td></td>
  29. <td style="text-align: right"><input type="button" value="提交" onclick="createUser()">
  30. </td>
  31. </tr>
  32. </table>
  33. <br>
  34. </form>
  35. 结果: <br>
  36. <code id="message"></code>
  37. </div>
  38. <script>
  39. const createUserUrl = "/manage/user/create";
  40. <!--创建用户-->
  41. function createUser() {
  42. $("#message").text("")
  43. let param = {
  44. "name": $("#name").val(),
  45. "phone": $("#phone").val(),
  46. "ip_white_list": $("#ip_white_list").val(),
  47. }
  48. $.ajax({
  49. url: createUserUrl,
  50. type: "post",
  51. data: param,
  52. success: function (r) {
  53. if (r.code == 0) {
  54. // $("#id").text(r.data.id)
  55. // $("#app_id").text(r.data.app_id)
  56. // $("#secret_key").text(r.data.secret_key)
  57. $("#message").text(JSON.stringify(r))
  58. } else {
  59. $("#message").text(JSON.stringify(r))
  60. }
  61. }
  62. })
  63. }
  64. </script>
  65. </body>
  66. </html>
  67. {{end}}