jQuery MVC - 基本 jQuery if else 语句哪个不能工作？

Question

我得到了一个 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 result; }
    });
}

它又调用我的控制器操作：

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

一切似乎都正常，我从 firebug 得到了 true，但我从 else 语句中得到了警报消息。 if 语句永远不会被输入。 我不明白这里出了什么问题。有什么想法吗？请帮忙..

Answer 1

isFav 中的 ajax 请求是异步的，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 && result.toLowerCase() == "true"){
            alert("Do you want to remove from favorite?"); 
        } else {
            alert("Add to favorite?");  
        }
    });
});

您想要确保 if 块中的代码在 ajax 请求完成后运行。在此代码片段中，这是通过执行 ajax success 函数时调用的回调方法解决的。

Answer 2

您并没有真正从 isFav 函数中返回 true 。另外，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);
});