jQuery:尝试创建仅在用户名和密码正确时重定向的登录页

<script src="https://cdn.jsdelivr.net/npm/jquery/dist/jquery.min.js"></script>

<form id="loginForm">
  <label for="username">用户名:</label>
  <input type="text" id="username" name="username"><br><br>
  
  <label for="password">密码:</label>
  <input type="password" id="password" name="password"><br><br>
  
  <input type="submit" value="登录">
</form>

$(document).ready(function() {
  $('#loginForm').submit(function(event) {
    event.preventDefault(); // 阻止表单默认提交行为
    
    var username = $('#username').val();
    var password = $('#password').val();
    
    // 发送AJAX请求到服务器验证用户名和密码
    $.ajax({
      url: '/login', // 服务器端验证接口地址
      method: 'POST',
      data: {
        username: username,
        password: password
      },
      success: function(response) {
        if (response.success) {
          // 登录成功，重定向到指定页面
          window.location.href = '/dashboard';
        } else {
          // 登录失败，显示错误信息
          alert('用户名或密码错误');
        }
      },
      error: function() {
        alert('登录失败，请稍后重试');
      }
    });
  });
});