AJAX変数スコープ

Question

downloadURL（）の外部に目的のmlengthを下のコードで出力する方法はありますか？どうやって？

var markers=new Array(); 
var mlength=0; 
downloadUrl("phpsqlajax_genxml.php", function(data) { 
    var xml = data.responseXML; 
    markers = xml.documentElement.getElementsByTagName("marker"); 
    mlength = markers.length; 
    alert(mlength); //output is not 0 (ex. 3) 
}); 
alert(mlength); //outputs 0 

Answer 1

これは、定義上、AJAXは非同期であるためです。 alertが実行されるまでに、AJAX呼び出しはまだ返されていません。成功コールバック内にmlengthを使用しているコードを移動する必要があります。

もう1つの選択肢は、AJAXリクエストを同期させることですが、通常は応答が受信されるまでブラウザをロックする傾向があるため、これは必要ではありません。

Answer 2

単純な回答ではありません。私はdownloadUrlが非同期で、あなたがこれを制御できないと仮定しています（これは、あなたが提供したコールバックの前に警告が発生していることを意味します）。

出力が本当に必要な場合は（これを強くお勧めします）。あなたはこれを行うことができます。

var markers=new Array(); 
var mlength=0; 
var req = new XMLHttpRequest(); 
req.open("phpsqlajax_genxml.php", false); 
req.send(); 
var xml = req.responseXML; 
markers = xml.documentElement.getElementsByTagName("marker"); 
mlength = markers.length; 
alert(mlength); //output is not 0 (ex. 3) 

これは、汚れたコードです。

Answer 3

XHRコールバック以外でXHRのmlengthを使用する場合は、値があるまで待つ必要があります。あなたはタイムアウト機能使用していることを行うことができます。私はコード化されたものを説明するための

var markers = [] 
    ,mlength = null 
    ,showresult = function() { 
     if (mlength === null) { //=> no value, wait another 100 ms 
     setTimeout(showresult,100); 
     } else {    //=> there it is, alert it 
     alert(mlength); 
     } 
    }; 

downloadUrl("phpsqlajax_genxml.php", function(data) { 
    var xml = data.responseXML; 
    markers = xml.documentElement.getElementsByTagName("marker"); 
    mlength = markers.length; 
}); 

setTimeout(showresult,100);