javascript - 将回调函数传递给 jQuery AJAX 成功函数

Question

我试图传入一个函数以在 AJAX 调用成功时运行，但是它不起作用，因为它说“回调不是函数”。

例子：

调用代码：

getGrades(var);    

JS：

function getGrades(grading_company) {

    // Set file to get results from..
    var loadUrl = "ajax_files/get_grades.php";

    // Set data string
    var dataString = 'gc_id=' + grading_company;

    // Set the callback function to run on success
    var callback = 'showGradesBox';

    // Run the AJAX request
    runAjax(loadUrl, dataString, callback);

}

function showGradesBox(response) {

    // Code here...

}

function runAjax(loadUrl, dataString, callback) {

    jQuery.ajax({
        type: 'GET',
        url: loadUrl,
        data: dataString,
        dataType: 'html',
        error: ajaxError,
        success: function(response) {
            callback(response);
        }
    });    

}

现在，如果我用函数名本身替换下面的这一行，它就可以工作：

callback(response);

但是我不能让它像上面那样工作，我从传入的参数中获取函数名。

Answer 1

showGradesBox是代码中的字符串。所以你有两个选项来执行回调函数：

如果你想保留你可以使用的字符串

this[callback](response);

（如果callback在全局范围内定义，您也可以使用window[callback](response);

或者你可以直接传递函数：

var callback = showGradesBox;

（在这种情况下，您可以保留现有代码以执行回调）