jquery实现登陆跳转页面跳转页面跳转

<fORM id="login-form">
  <div>
    <label for="username">用户名：</label>
    <input type="text" id="username" name="username" required>
  </div>
  <div>
    <label for="passWord">密码：</label>
    <input type="password" id="password" name="password" required>
  </div>
  <button type="submit">登录</button>
</form>

$(document).ready(function(){
  $("#login-form").submit(function(event){
    // 阻止表单默认提交行为
    event.preventDefault();

    // 获取用户名和密码
    var username = $("#username").val();
    var password = $("#password").val();

    // TODO: 验证用户名和密码

    // 跳转到指定页面
    window.location.href = "https://www.example.com/dashboard";
  });
});

$(document).ready(function(){
  $("#login-form").submit(function(event){
    // 阻止表单默认提交行为
    event.preventDefault();

    // 获取用户名和密码
    var username = $("#username").val();
    var password = $("#password").val();

    // 发起AJAX请求
    $.ajax({
      type: "POST",
      url: "/login",
      data: {username: username, password: password},
      success: function(data){
        // 登陆成功，跳转到指定页面
        window.location.href = "https://www.example.com/dashboard";
      },
      error: function(){
        // 登录失败
        alert('用户名或密码不正确！');
      }
    });
  });
});