Если условие не работает при использовании $ .post()

Question

У меня есть одна кнопка изображения с событиями OnClientClick и OnClick.

 <asp:ImageButton ImageUrl="./../../images/login.gif" Style="margin-right: 153px;" 
     runat="server" OnClientClick="return SendLoginData();" OnClick="Login_Click" /> 

OnClientClick, я называю некоторую функцию на стороне клиента SendLoginData(), где я использовал $ .post() функцию.

function SendLoginData() { 
     var flagLogin = "0"; 
     if (LoginValidation() != false) { 
      $.post(window.location, 
       { 
        LOGIN: "LOGIN", 
        UserName: $.trim($('#txtUserNameLogin').val()), 
        Password: $.trim($('#txtPasswordLogin').val()) 
       }, 
       function (data) { 

        var d = $(data).find('#<%=lblMessageLogin.ClientID %>'); 
        if ($(d).html() == "SUCCESS") { 
         flagLogin = "1"; 
        } 
        else { 
         $('#lblErrorMsgLogin').html(d.html()); 
        } 
       } 
      ); 
     } 
     //alert(flagLogin); 
     if (flagLogin == "1") { 
      return true; 
     } 
     else { 
      return false; 
     } 
    } 

Afer $ .post() Когда я получаю ответ, как «УСПЕХ», я хочу, чтобы вернуть верную сторону клиента функции SendLoginData. Так что моя серверная сторона onClick может работать.

Но я столкнулся с одной проблемой. Вы можете видеть, что есть одно предупреждение, которое прокомментировано (// alert (flagLogin);).

Если я раскомментирую предупреждение, то работает условие (flagLogin == "1"). тогда как если бы я оставил предупреждение как комментарий, то if (flagLogin == "1") не работает.

Может кто-нибудь объяснить, как я могу справиться с этой ситуацией и в чем причина этого?

Answer 1

я решил такой сценарий, используя ниже кода

function SendLoginData() { 
     var flagLogin = "0"; 
     if (LoginValidation() != false) { 

      $.post(window.location, 
       { 
        LOGIN: "LOGIN", 
        UserName: $.trim($('#txtUserNameLogin').val()), 
        Password: $.trim($('#txtPasswordLogin').val()) 
       }, 
       function (data) { 

        var d = $(data).find('#<%=lblMessageLogin.ClientID %>'); 
        if ($(d).html() == "SUCCESS") { 
         flagLogin = "1"; 
         window.location = window.location + "?HOME=true"; 
        } 
        else { 
         $('#lblErrorMsgLogin').html(d.html()); 
        } 
       } 
      ); 

     } 
     if (flagLogin == "1") { 
      return true; 
     } 
     else { 
      return false; 
     } 
    } 

Здесь я использовал window.location с некоторой строкой запросом в функции обратного вызова, чтобы выполнить мою сторону сервера код и он работает нормально.

Answer 2

Поскольку запрос является асинхронным. Вызов AJAX не «ждет» завершения запроса, поэтому ваш «if» выполняется до завершения запроса.

Другими словами, код продолжает выполнять поток выполнения, в то время как запрос POST обрабатывается, и ваш флаг получает значение, когда функция SendLoginData() уже завершена.

Вы должны управлять успехом входа в бит function (data) внутри запроса POST.

---

Кстати: НИКОГДА НЕ полагаться на JavaScript для проверки входа, он может быть подделан с крайней легкостью. Рассмотрим радикальный подход.