Javascript jqueryajax返回

我有一个带3张幻灯片的幻灯片-介绍、问题、提交

现在我想确保，如果问题回答错了，人们就不能幻灯片提交

移动幻灯片的功能如下所示：

function changeSlide(slide){

        // In case current slide is question check the answer
        if (jQuery('.modalSteps li.current',base).hasClass('questionStep')){
            checkAnswer(jQuery('input[name="question_id"]',base).val(), jQuery('input[name="answer"]:checked',base).val());
        }

        jQuery('.modalSteps li.current',base).fadeOut('fast',function(){
            jQuery(this).removeClass('current');
            jQuery(slide).fadeIn('fast',function(){
                jQuery(slide).addClass('current');
            });
        });

        // In case the new slide is question, load the question
        if (jQuery(slide).hasClass('questionStep')){
            var country = jQuery('input[name="country"]:checked',base).val();
            loadQuestion(country);
        }
    }

 function changeSlide(slide){

        // In case current slide is question check the answer
        if (jQuery('.modalSteps li.current',base).hasClass('questionStep')){
            if (!checkAnswer(jQuery('input[name="question_id"]',base).val(), jQuery('input[name="answer"]:checked',base).val())){
              return false;
            }
        }
...

正如您在第一行中看到的，我正在调用函数checkAnswer，它获取问题id和答案id并将其传递给AJAX调用

function checkAnswer(question, answer){
        jQuery.ajax({
            url: window.base_url+'ajax/check_answer/'+question+'/'+answer+'/',
            success: function(data){
                if (!data.success){
                    jQuery('.question',base).html(data.message);
                }
            }
        });
    }

我的问题是我不能说

if(checkAnswer(...)){}

由于Ajax，它总是返回false或undefined。我需要的是这样的东西：

function changeSlide(slide){

        // In case current slide is question check the answer
        if (jQuery('.modalSteps li.current',base).hasClass('questionStep')){
            checkAnswer(jQuery('input[name="question_id"]',base).val(), jQuery('input[name="answer"]:checked',base).val());
        }

        jQuery('.modalSteps li.current',base).fadeOut('fast',function(){
            jQuery(this).removeClass('current');
            jQuery(slide).fadeIn('fast',function(){
                jQuery(slide).addClass('current');
            });
        });

        // In case the new slide is question, load the question
        if (jQuery(slide).hasClass('questionStep')){
            var country = jQuery('input[name="country"]:checked',base).val();
            loadQuestion(country);
        }
    }

 function changeSlide(slide){

        // In case current slide is question check the answer
        if (jQuery('.modalSteps li.current',base).hasClass('questionStep')){
            if (!checkAnswer(jQuery('input[name="question_id"]',base).val(), jQuery('input[name="answer"]:checked',base).val())){
              return false;
            }
        }
...

因此，它将阻止滑块继续移动

---

现在当我考虑这个问题时，我可能会遇到类似幻灯片的“错误答案”，所以我可以将幻灯片移到那里，但我还是希望看到第一个解决方案。

您可以将ajax的option async设置为false，以等待服务器的回复。因此，代码可能如下所示

function checkAnswer(question, answer){
    result = false;
    jQuery.ajax({
        async: false,
        url: window.base_url+'ajax/check_answer/'+question+'/'+answer+'/',
        success: function(data){
            result = data.success
            if (!data.success){
                jQuery('.question',base).html(data.message);
            }
        }
    });

    return result;
}

---

您可以将ajax的选项async设置为false，以等待服务器的回复。因此，代码可能如下所示

function checkAnswer(question, answer){
    result = false;
    jQuery.ajax({
        async: false,
        url: window.base_url+'ajax/check_answer/'+question+'/'+answer+'/',
        success: function(data){
            result = data.success
            if (!data.success){
                jQuery('.question',base).html(data.message);
            }
        }
    });

    return result;
}

---

您是否尝试过使ajax调用同步？因为你应该。在您的检查答案中，您应该在success函数中设置某种类型的返回变量。您是否尝试过使ajax调用同步？因为你应该。在你的检查答案中，你应该有一些返回变量，它被设置在success函数中，你看，这正是我所说的。我不知道你可以关闭异步。。。谢谢你！你看，这正是我所说的。我不知道你可以关闭异步。。。谢谢你！你打算试试吗