Question

当我更新到版本1.10.2时，我开始遇到一些jQuery问题。

我一直在寻找答案，但这些方法似乎都没有用，我可能做错了。我真的很感激一些帮助。

主要问题是click事件不会等待validateAjax的结果，只是说validateBaan是未定义的。我已经检查了validateAjax函数并且输出获得了true或false的值，但是我认为当时click事件已经移动了。我希望click事件等待validateAjax结果，然后继续。

点击活动：

$('#log-in').on('click', function() {

    // triggers validateAjax
    var validateBaan = validateAjax('fieldId', 'worker');

    // every time I log it says undefined, even though it gets value 
    // (true or false), but too late
    // console.log(validateBaan);

    // this function works
    var validateShift = checkInput({
        shift: {
            field: 'btn-group',
            hasClass: 'active',
            error: 'shifterror'
        }
    });
    // when both are true take some action
    if (validateBaan && validateShift) {
        ...
    }
});

这是validateAjax函数：

function validateAjax(fieldId, query) {

   var output;

   // field value
   var fieldValue = $('#' + fieldId).val();

   // sending ajax request
   var ajaxQuery = $.ajax({
     type: "GET",
     url: "update.php",
     data: 'checkup=checkup&baan=' + fieldValue
    });

   // based on the response, takes action
   ajaxQuery.done(function(response) {
      if (response.error) {
          output = false;
          $('.error-' + fieldId).html(response.error);
       } else if (response.product) {
          $.cookie('tab_name', response.product);
          output = true;
       } else {
          output = true;
       }
       return output;
   });
}

我曾经尝试过使用jQuery，但是我没有设法让它运行起来。

我从来没有使用旧的jQuery版本出现这样的问题，所以我将非常感谢所有的帮助。

Answer 1

您可以使用回调功能，例如

$('#log-in').on('click', function() {

    // triggers validateAjax
    // pass anonymus function to be called when ajax is complete
    var validateBaan = validateAjax('fieldId', 'worker', function(){

        // every time I log it says undefined, even though it gets value 
        // (true or false), but too late
        // console.log(validateBaan);

        // this function works
        var validateShift = checkInput({
            shift: {
                field: 'btn-group',
                hasClass: 'active',
                error: 'shifterror'
            }
        });
        // when both are true take some action
        if (validateShift) {
            ...
        }   
    });
});


function validateAjax(fieldId, query, callback) {
    var output;

   // field value
   var fieldValue = $('#' + fieldId).val();

   // sending ajax request
   var ajaxQuery = $.ajax({
     type: "GET",
     url: "update.php",
     data: 'checkup=checkup&baan=' + fieldValue
    });

   // based on the response, takes action
   ajaxQuery.done(function(response) {
      if (response.error) {
          output = false;
          $('.error-' + fieldId).html(response.error);
       } else if (response.product) {
          $.cookie('tab_name', response.product);

          //Call you function if condition is trure
          callback();
       }
   });
}

Answer 2

这是ajax，那么您可以尝试使用 async: false

设置 async to false 表示您要调用的语句必须包含在函数中的下一个语句被调用之前完成。

自弃用以来，最有效的方法是使用 callback 功能来处理它。

Answer 3

将async设置为false：

var ajaxQuery = $.ajax({
 async: false,
 type: "GET",
 url: "update.php",
 data: 'checkup=checkup&baan=' + fieldValue
});

这将等到ajax命令完成后再限制你的代码。

jQuery - 等待函数返回然后继续

3 个答案: