Javascript не работает с php

Question

Я использую PHP-скрипт, который возвращает «y» или «n» в зависимости от введенных пользователем данных, который передается через переменные uname и pass. Я использую метод ajax $.get() для вызова сценария php.

Если я попытаюсь вывести данные в методе $.get(), он отлично работает, но дает проблему, когда я использую оператор if для сравнения значения с 'y' или 'n'.

Мой код выглядит this-

var status; 
    $('#login').click(function(){ 
    $.get("login.php", { uname: document.getElementById('uname').value, pass: document.getElementById('pass').value }) 
    .done(function(data) { 
     status=data; 
     alert(status); //This works 
    }); 

    if(status=='y') 
    { 
     alert('yes!'); //This is not working 
     // window.location.replace("welcome.html"); 
    } 
    else if(status=='n') 
    { 
     alert('no!');  //This is not working 
    } 
}); 

Любая помощь будет высоко оценен.

Answer 1

Перемещайте if состояние внутри AJAX-за асинхронной природы Аякса:

var status; 
    $('#login').click(function(){ 
    $.get("login.php", { uname: document.getElementById('uname').value, pass: document.getElementById('pass').value }) 
    .done(function(data) { 
     status=data; 

     if(status=='y') 
     { 
      alert('yes!'); 
     } 
     else if(status=='n') 
     { 
      alert('no!'); 
     }  
    }); 
}); 

Answer 2

Это типичная проблема асинхронной. Вы делаете запрос, сравниваете результат, который еще не возвращался с некоторыми строками, затем приходит ответ на ваш запрос - слишком поздно для него важно. Слишком быстро с вашей проверкой. Поместите свои сравнения состояния внутри обратного вызова done.

Answer 3

поскольку Ajax является асинхронным к тому времени вашего код поступает в условном statments код для запроса может не вернулся, следовательно, статус вара может не быть инициализирован еще. Попробуйте вывести команду condicional statments внутри функции сделано, как это:

$('#login').click(function(){ 
$.get("login.php", { uname: document.getElementById('uname').value, pass:  document.getElementById('pass').value }) 
.done(function(data) { 
    if(data =='y') 
    { 
     alert('yes!'); 
     // window.location.replace("welcome.html"); 
    } 
    else if(data =='n') 
    { 
     alert('no!'); 
    } 
}); 

Я думаю, что следует сделать трюк;) ... для дальнейших уточнений вы можете посетить Аякс апите документации JQuery: http://api.jquery.com/jquery.ajax/