将回调函数传递给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;

(在这种情况下,您可以保留现有的代码以执行回调)