11

好吧...凌晨 2 点，这是我划定界限的地方。帮助... 在我的笔记本电脑最终走出窗外之前。:)

我尝试过使用 setTimer、回调和我能想到的所有其他东西（当然还有其他一些 Stackoverflow 提示）。我已经删除了所有内容，所以我只留下了基本代码。

我要做的是调用 parseRow() 并在它最后保存记录之前，我需要获取相关的类别（通过 AJAX）；但是，它会直接过去，因此类别始终是“未定义的”。

function parseRow(row){
    var rowArray     = row.trim().split(",");
    var date         = rowArray[0];
    var checknum     = rowArray[1];
    var payee        = rowArray[2];
    var memo         = rowArray[3];
    var amount       = rowArray[4];

    //ERROR: blows right past this one and sets the category variable BEFORE ajax returns
    var category = autoSelectCategory(payee);

    saveRecord(date, checkNum, payee, memo, category, payment, deposit);
}

function autoSelectCategory(payee) {
    var data;
    $.ajax({
        async: false,
        url: "autoselectcategory",
        dataType: "json",
        data: {
            string: payee
        },
        success: function (returnedData) {
            data = returnedData;
        }
    });
    return data;
}
4

2 回答 2

16

AJAX 代表异步。这意味着在您的原始代码中，saveRecord将在客户端接收来自服务器的响应之前执行（并且，根据$.ajax实现，它可能在客户端将请求发送到服务器之前）。

此外，您似乎误解了函数在 JS 中的工作方式。var category = autoSelectCategory(payee);将类别设置为返回值autoSelectCategory；但是autoSelectCategory您代码中的函数不返回任何内容。

另一方面，data匿名函数的返回值只能由$.ajax函数使用（并且$.ajax可能会忽略success参数返回值）。

这是应该工作的代码：

function parseRow(row){
    var rowArray     = row.trim().split(",");
    var date         = rowArray[0];
    var checknum     = rowArray[1];
    var payee        = rowArray[2];
    var memo         = rowArray[3];
    var amount       = rowArray[4];

    autoSelectCategory(payee, function (category) {    
        saveRecord(date, checkNum, payee, memo, category, payment, deposit);
    });
}

function autoSelectCategory(payee, callback) {
    $.ajax({
        async: false,
        url: "autoselectcategory",
        dataType: "json",
        data: {
            string: payee
        },
        success: callback
    });
}
于 2012-07-02T08:11:46.827 回答
12

不要使用async: false选项。这是一个纯粹的邪恶（阻止浏览器甚至其他选项卡中的所有脚本！）并且自 jQuery 1.8 以来已被弃用。你应该使用回调，因为它一直都是这样。

function parseRow(row) {
    /* the other code */
    autoSelectCategory(payee, function() {
        saveRecord(date, checkNum, payee, memo, category, payment, deposit);
    });
}

function autoSelectCategory(payee, callback) { // <---- note the additional arg
    $.ajax({
        url: "autoselectcategory",
        dataType: "json",
        data: {
            string: payee
        },
        success: function(res) {
            /* the other code */
            callback();
        }
    });
}
于 2012-07-02T08:14:22.253 回答