JQuery плагин функция возвращает значения

Question

Я раздел всю логику из моего JQuery плагин для этого вопроса, но моя проблема в том, что, когда я называю функцию checkValidationName, он делает это дело и устанавливает имя = истину. Затем, когда я пытаюсь сравнить его сразу после того, как я его назвал, значение false. Почему это?

(function($){ 
     $.fn.validate = function() {  

      var name = false; 

      $('.submitBtn').click(function() { 


       $.fn.validate.checkValidationName(nameValues); 


       **console.log("name = "+name); **//but this prints out "false"**** 
       //shouldn't this be true since name returned true in the actual function?? 


       } 
      }); 

      $.fn.validate.checkValidationName = function(id) { 
       $.post("PHP/submitButtonName.php", {checkValidation: id}, 
        function(data) { 

          **console.log("name = "+name); **//this prints out "true"**** 
          //name is equal to true here 

        }, "json"); 
      }; 

     }  
})(jQuery); 

Answer 1

Это потому, что запросы AJAX являются асинхронными и сразу после называется checkValidationName, она еще не закончена. Вам нужно выполнить сравнение в обратном вызове.

Вы можете сделать checkValidationName взять обратный вызов и вызвать его с результатом, когда подтверждено:

(function($){ 
    $('.submitBtn').click(function() { 
     $.fn.validate.checkValidationName(nameValues, function(valid) { 
      console.log(valid); 
     }); 
    }); 

    $.fn.validate.checkValidationName = function(id, callback) { 
     $.post("PHP/submitButtonName.php", {checkValidation: id}, 
      function(data) { 
       var valid = data.foo; // or however you determine that 

       callback(valid); // call callback 
      }, "json"); 
    }; 
}(jQuery)); 

Answer 2

Это потому, что вызов $ .post() в checkValidationName является асинхронным. При вызове следующей строки ...

$.fn.validate.checkValidationName(nameValues); 

Выполнение продолжается до следующей линии почти сразу же - задолго до того, вы получите результат сюда $ .post(), во всяком случае.