等待$ .post完成

Question

看來我的腳本不想等待$ .post調用完成。這是一個問題。下面是一些僞代碼：

<script type="text/javascript" language="javascript"> 
$(document).ready(function(){ 
    // Global var, to be used everywhere in the ready scope 
    // Note its default value!  
    var test = false; 
    $.post('test.php',{},function(result){ 
    if(result=='yes') 
    { 
    // This gets executed! 
    alert('Its true! Hurraaay!'); 
    test = true; 
    } 
    else 
    { 
    test = false; 
    } 
    } 

    if(test==false) 
    { 
    // THIS gets executed, despite the fact that we set test to true! 
    alert('Awww....'); 
    } 
    // it reaches this, showing us that there was no error! 
    alert('Im alive!!!'); 
    // and a whoooole bunch of other code here... 
} 
</script> 

是什麼，以確保我的電話後繼續完成之前，不掛在瀏覽器的最佳方法是什麼？希望有一些不太混亂的東西。 :)

Answer 1

不是太亂了正確使用回調。

只需在.post()呼叫之外創建一些功能，並在您認爲合適的時候在.post()之內調用它。您可以製作很多回調，並以非常靈活的方式在AJAX調用中使用它們。

在您的情況下，因爲您只撥打alert()，因此無需創建附加功能 - 只需致電.post()撥打alert()即可。如果您的代碼變大，請考慮創建單獨的函數。

這就是JavaScript和異步調用的工作原理。習慣它，並用它的力量編寫非常乾淨和可維護的代碼。

Answer 2

<script type="text/javascript" language="javascript"> 
$(document).ready(function(){ 
    // Global var, to be used everywhere in the ready scope 
    // Note its default value!  
    var test = false; 
    $.post('test.php',{},function(result){ 
    if(result=='yes') 
    { 
    // This gets executed! 
    alert('Its true! Hurraaay!'); 
    test = true; 
    // it reaches this, showing us that there was no error! 
    alert('Im alive!!!'); 
    // and a whoooole bunch of other code here... 

    } 
    else 
    { 
    test = false; 
    // THIS gets executed, despite the fact that we set test to true! 
    alert('Awww....'); 

    } 
    } 
} 
</script> 

Answer 3

是的，它不會等。在這裏看到：

http://fixingthesejquery.com/images/ajax101.png

這裏：

http://fixingthesejquery.com

Answer 4

太亂了？如果您縮進多個空格，則所有內容都更具可讀性，並且仍然可以正常工作。

var test = false; // NOW it's global 

// Just so we can use the method again 
function postSomething() { 
    $.post('test.php', {}, function(result) { 
    if(result === 'yes') { 
     alert('Its true! Hurraaay!'); 
     test = true; 
     alert('Im alive!!!'); 
    } else { 
     test = false; 
     alert('Awww....'); 
    } 
    }); 
} 

$(document).ready(function() { 
    postSomething(); 
}); 

儘管如此，

Answer 5

JQuery .post（）方法異步連接到您的服務器腳本。您可以利用回調功能，以便程序在腳本返回響應後使用數據。

而不是試圖在發送調用之後同步處理數據，而是在收到響應時處理數據。利用函數使代碼更具可讀性。

$(function() { 
    postTest(); 
}); 

function postTest() { 
    $.post(
     'test.php', 
     {}, 
     function(response) { 
      if(response == 'yes') { 
       testSuccess(); 
      } else { 
       testFailure(); 
      } 
     } 
    ); 
} 

function testSuccess() { 
    alert("Success"); 
} 

function testFailure() { 
    alert("Failure"); 
}