Блог

Я получил сценарий if-else:

      $('#favitem').live('click', function () {
        var fid = $(this).parent().attr('id');

        if (isFav(fid)) {
            alert("Do you want to remove from favorite?");
        }
        else {
            alert("Add to favorite?");
        }
    });
  

вызов функции скрипта isFav:

     function isFav(fid) {

    $.ajax({

        url: '/Stock/IsFav',
        type: 'GET',
        data: { id: fid },
        success: function (result) { return resu< }
    });
}
  

что, в свою очередь, вызывает действие моего контроллера:

     public Boolean IsFav(int id)
    {
        var food = dbEntities.FOODs.Single(f => f.FoodID == id);
        if (food.FavFlag == 1)
        {
            return true;
        }
        else
        {
            return false;
        }
    }
  

Кажется, все работает нормально, я получаю true от firebug, НО я получаю предупреждающее сообщение от оператора else. Оператор if просто никогда не вводится.
Я не могу понять, что здесь не так. Есть идеи?? Пожалуйста, помогите..

Запрос ajax в isFav является асинхронным, и метод isFav вернется до его завершения.

Вероятно, так я бы решил это:

 function isFav(fid, callback) {
    $.ajax({
        url: '/Stock/IsFav',
        type: 'GET',
        data: { id: fid },
        success: function (result) { callback(result); }
    });
}


 $('#favitem').live('click', function () {
    var fid = $(this).parent().attr('id');

    isFav(fid,function(result){
        if(result amp;amp; result.toLowerCase() == "true"){
            alert("Do you want to remove from favorite?"); 
        } else {
            alert("Add to favorite?");  
        }
    });
});
  

Вы хотите убедиться, что код в if-блоке выполняется после выполнения ajax-запроса. В этом фрагменте это решается методом обратного вызова, который вызывается при выполнении функции успеха ajax.

На самом деле вы не возвращаете true из функции isFav. Кроме того, ajax является асинхронным, поэтому ваш код (оператор if) фактически продолжает выполняться до завершения ajax, поэтому в момент выполнения результат isFav не определен. Так вот почему выполняется else.

Вам понадобится некоторая доработка.

 function isFav(fid) {

    $.ajax({

        url: '/Stock/IsFav',
        type: 'GET',
        data: { id: fid },
        success: function (result) {
          if(result == 'favorite') alert("Do you want to remove from favorite?");
          else alert("Add to favorite?");
        }
    });
}

 $('#favitem').live('click', function () {
    var fid = $(this).parent().attr('id');
    isFav(fid);
});