Javascript 执行顺序问题

Question

我遇到了 Javascript 按照对我来说没有意义的顺序执行事情的问题。

正在发生的事情是以下

var bValid = false;
alert(bValid + " 1");
if(validateForm() == TRUE)
{
    $.get("submit_manageUsers.php",  
        {action: sendAct, userID: userID},  
        function(responseText)
        {  
            if(responseText == "GOOD")
            {
                alert("Update Successful");
                bValid = true;
                alert(bValid + " 2");
            }
            else
            {
                alert(responseText + "\n Update Unsuccessful");
                bValid = false;
            }
        },  
        "html"  
    );     
    bvalid = true;
    alert(bValid + " 3");
}
alert(bValid + " 4");
if(bValid == true)
{
    //do something
}
alert(bValid + " 5");

编辑：添加了更多实际发生的事情，以防有帮助，可能会知道我是如何做事的！

上面代码的输出如下所示：

false 1

false 2

false 4

false 5

true 3。

这里的问题是 if(bValid == true) 在 if 之前执行(validateForm() == TRUE) 所以这意味着 bValid 始终为 false。

为什么这部分代码先于另一部分执行？

非常感谢对此的任何帮助！

Answer 1

JavaScript 区分大小写。 validateForm（）返回一个bool，对吗？所以它要么是真的，要么是假的。 TRUE 与 true 不相同。

if (validateForm（） == true) { // do something. }

我什至会更进一步，使用严格等于：

if (validateForm（） === true) { // do something. }

此外，bvalid 与 bValid 不同。

将来我建议使用众多 javascript 工具之一来帮助查找语法错误（例如 jsfiddle、jslint、jsbin 等）。我们都会犯错误，有时这些简单的小细节会引起大麻烦。尽管 YUI 和 Google 有语法检查工具可以提供帮助，但 JavaScript 并没有编译器拐杖（就像我每天使用 C# 一样）。

Google - http://code.google.com/closure/

雅虎！ - http://developer.yahoo.com/yui/

在原始问题中提供更多信息后-

您正在对 PHP 页面进行异步调用，该调用可能需要 1 秒或 30 秒。

http://api.jquery.com/jQuery.ajax/

JQuery ajax（它支持.get 函数）默认是异步。但是，您可以覆盖它并使其同步。

Answer 2

您无需指定这些条件的 true 或 false。尝试这样的操作，看看是否可以解决您的问题：

var bValid = false; 
alert(bValid + " 1"); 

if (validateForm()) { 
    bvalid = true; 
    alert(bValid + " 2"); 
} 

alert(bValid + " 3"); 
if (bValid) {
    //do something 
} 

alert(bValid + " 4"); 

Answer 3

var bValid = false;
alert(bValid + " 1");

if(validateForm() == TRUE){
    bvalid = true;
    alert(bValid + " 2");
}
alert(bValid + " 3");

setTimeout(function() { // Continue le script après l'insertion du html
    if(bValid == true){
        //do something
    }
    alert(bValid + " 4");
}, 0);

这样，脚本的第一部分应该在开始第二次验证之前完成。
希望这有帮助。

Answer 4

$.get 是异步的。这意味着您发送消息，挂断电话，然后等待 jQuery 在使用 submit_manageUsers.php 完成后给您回电。步骤3和步骤4是在挂断电话后完成的，但步骤2是在回叫后才发生的，这可能需要一段时间。这就是你的消息乱序的原因。

$.get(url, data, function(response) { 
    if (response == 'GOOD') {
       alert('success!');
       DoSomethingMeaninfulHere();
    } else {
       alert(response + "\n Update Unsuccessful");
    }
});

您必须将调用放入

// DoSomethingMeaningfulHere
alert(bValid + " 4");
if(bValid == true)
{
    //do something
}
alert(bValid + " 5");

回调内部，以便在正确的时间执行（即 AJAX 请求完成后）