Отменить вызов контроллера через jQuery

Question

Я пытаюсь создать небольшой экран входа в систему. Я не использую API. Как я установил экран входа в систему, следуйте

1. Пользователь вводит логин и пароль в VIEW.
2. Пользователь нажимает кнопку входа в систему.
3. Я проверяю детали пользователя через AJAX.
4. На данном этапе, если данные верны, я переношу пользователя на следующую страницу.
5. Если информация неверна, я просто поставлю сообщение об ошибке.

Вот код JQuery, который у меня есть.

$(document).ready(function() { 
     var returnType; 
     $("#loginButton").click(function() { 
      var loginDetails = { 
       loginName: $("#username").val(), 
       password: $("#password").val() 
      }; 
      $.ajax({ 
       url: '@Url.Action("VerifyLoginDetails", "Home")', 
       type: 'POST', 
       contentType: 'application/json', 
       dataType: 'json', 
       data: JSON.stringify(loginDetails), 
       success: function (data) { 
        if (data.success) { 
         if (data.loginAuthentication == 1) { 
          return true; 
         } 

         if (data.loginAuthentication == -2) { 
          $("#password").attr("style", "display:block;"); 
          alert("incorrect password"); 
          return false; 
         } 

         if (data.loginAuthentication == -1) { 
          $("#username").attr("style", "display:block;"); 
          alert("incorrect un"); 
          return false; 
         } 

        } 
       } 
      }); 
     }); 
    }); 

Насколько мне известно, то, если я вернусь правда, он не должен посылать вызов на контроллер, но по какой-то причине, он до сих пор. Любые предложения о том, как я могу остановить вызов контроллера через jQuery?

Answer 1

Скорее всего, #loginButton находится в форме, которая отправляется при нажатии кнопки. Вы можете использовать preventDefault(), чтобы остановить это поведение:

$("#loginButton").click(function (e) { 
    e.preventDefault(); 
    ... 

Answer 2

Возвращаемое значение функции успеха не делает ничего, насколько я могу видеть. То, что вы должны делать, это разместить код перенаправления, где у вас есть «return true».

Для этого используйте окно.location.href.

window.location.href = "https://google.com";

Answer 3

Пожалуйста, попробуйте этот код

$(document).ready(function() { 
     var returnType=false; 
     $("#loginButton").click(function() { 
      var loginDetails = { 
       loginName: $("#username").val(), 
       password: $("#password").val() 
      }; 
      $.ajax({ 
       url: '@Url.Action("VerifyLoginDetails", "Home")', 
       type: 'POST', 
       contentType: 'application/json', 
       dataType: 'json', 
       data: JSON.stringify(loginDetails), 
       success: function (data) { 
        if (data.success) { 
         if (data.loginAuthentication == 1) { 
          returnType=true; 
         } 

         if (data.loginAuthentication == -2) { 
          $("#password").attr("style", "display:block;"); 
          alert("incorrect password"); 
          returnType=false; 
         } 

         if (data.loginAuthentication == -1) { 
          $("#username").attr("style", "display:block;"); 
          alert("incorrect un"); 
          returnType=false; 
         } 

        } 
       } 
      }); 
      return returnType; 
     }); 
    });