Umfang in Javascript (warum im Umfang von $ .post() -Methode Array ist lokal?)

Question

externalCSSContents = []; 

function getExternalCSSContents(){ 
     href = document.styleSheets[0].href; 
     $.post(href, function(result){ 
      externalCSSContents.push(result); 
      alert(externalCSSContents.length); // 1 
     }); 
} 

getExternalCSSContents(); 
alert(externalCSSContents.length); // 0 

Kann jemand erklären Sie mir bitte, warum im Rahmen von $ .post() -Methode Array externalCSSContents lokal ist?

Answer 1

Das ist, weil die Die ajax-Anfrage wurde nicht beendet und Sie alarmieren den Inhalt des Arrays.

Sie könnten dies stattdessen tun.

function getExternalCSSContents(){ 
    href = document.styleSheets[0].href; 
    return $.post(href, function(result){ externalCSSContents.push(result); }); 
} 

$.when(getExternalCSSContents()).then(function(){ 
     alert(externalCSSContents.length); 
}); 

Answer 2

AJAX ist asynchron die Post Rückruf nach Alarmierung ausgeführt wird

(ich habe hier heute die Arbeit ‚asynchron‘ so oft getippt jetzt weiß ich, wie man es buchstabiert)

Answer 3

Dies ist, weil asynchrone Anfrage. So funktioniert AJAX. Lesen Sie mehr über Ajax auf Wiki zum Beispiel