javascript - ajax成功函数的返回值

Question

我正在尝试从 ajax 成功函数返回值。但它什么也没返回。

JS

function calculate_total_percentage(course_log_id){
    var total_percentage = 0;
    $.ajax({
        url:"teacher_internal_exam_management/get_exams_of_course_log/"+course_log_id,
        type: "POST",
        dataType: "json",
        success: function (exams_of_course_log) {
            for (var x = 0; x < exams_of_course_log.length; x++) {
                total_percentage += parseInt(exams_of_course_log[x].marks_percentage);
            }
            alert(total_percentage);
            return total_percentage;
        }
    });
}

如果我这样打电话

alert(calculate_total_percentage(course_log_id));

然后显示“61”（由于调用警报（total_percentage）；）但随后显示“未定义”，为什么？它应该显示'61'两次？问题是什么？

Answer 1

该函数不只是等到 ajax 调用完成后再退出，因此您需要一种方法来处理返回值到达时...

function calculate_total_percentage(course_log_id, callback){
    $.ajax({
        url:"teacher_internal_exam_management/get_exams_of_course_log/"+course_log_id,
        type: "POST",
        dataType: "json",
        success: function (exams_of_course_log) {
            var total_percentage = 0;
            for (var x = 0; x < exams_of_course_log.length; x++) {
                total_percentage += parseInt(exams_of_course_log[x].marks_percentage);
            }
            callback(total_percentage);
        }
    });
}

您现在可以将引用传递给将在 ajax 调用成功后执行的回调函数...

function calculate_total_percentage_success(total_percentage) {
    alert(total_percentage);
}

现在你可以像这样调用你的原始函数......

calculate_total_percentage(id, calculate_total_percentage_success);