login.html 1.6 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  5. <meta name="viewport" content="width=device-width">
  6. <!--
  7. <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
  8. -->
  9. <title>XXXX Login</title>
  10. <script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.min.js"></script>
  11. </head>
  12. <body>
  13. <div id="login">
  14. <h1>WELCOME</h1>
  15. <input id="user_text" type="text" placeholder="Account"/>
  16. <input id="password_text" type="text" placeholder="Password"/>
  17. <input type="button" id="login_button" value="Connect" onclick="Login();return false;"/>
  18. <p><a href="javascript:void(0);">Forgot your password?</a></p>
  19. </div>
  20. <script type="text/javascript">
  21. function Login() {
  22. var user = document.getElementById("user_text");
  23. var pwd = document.getElementById("password_text");
  24. if (user.value.length > 0) {
  25. //console.log("user: " + user.value);
  26. //console.log("pwd: " + pwd.value);
  27. var params = "user=" + user.value + "&pwd=" + pwd.value + "&state={{ state }}" + "&client_id={{ client_id }}" +
  28. "&response_type={{ response_type }}" + "&scope={{ scope }}" + "&redirect_uri={{ redirect_uri }}";
  29. alert('1234')
  30. $.get("/oa2/login", params, function (reUrl) {
  31. alert(reUrl);
  32. console.log('request start')
  33. window.location = reUrl;
  34. });
  35. } else {
  36. alert("please input user and password");
  37. }
  38. }
  39. </script>
  40. </body>
  41. </html>