jQuery parallel AJAX呼び出しが戻り値を混ぜる

Question

次のJavaScriptコードでは、いくつかの値を照会するためにFastCGIモジュールに対してAJAX呼び出しを繰り返し行います。ある時点で、は、ケースの変数が0ではなく、div1に入る値を含み、div1に入る値がdiv2になると終了します。

私はChromium Browser（14.0.835.202（Developer Build 103287 Linux）Ubuntu 10.10）を使用していますが、FireFoxでも発生します。 XMLHttpRequestオブジェクトだけを使ってみましたが、同じ結果が得られました。

これはどのようにして解決できますか？

function TimerEvent() { 
    $.ajax({ 
     url: "/cgi-bin/wvvar.cgi", 
     type: "POST", 
     data: "cmd=get&varname=s@SYSDATETIME", 
     success: function(data) { 
      document.getElementById("div1").innerHTML = data; 
     } 
    }); 

    $.ajax({ 
     url: "/cgi-bin/wvvar.cgi", 
     type: "POST", 
     data: "cmd=get&varname=@LOGINSTATE", 
     success: function(data) { 
      document.getElementById("div2").innerHTML = data; 
      if (data == "0") 
       setTimeout("TimerEvent()", 50); 
     } 
    }); 
} 

Answer 1

たぶん彼らはシーケンシャル持って試してみてください。

function TimerEvent() { 
$.ajax({ 
    url: "/cgi-bin/wvvar.cgi", 
    type: "POST", 
    data: "cmd=get&varname=s@SYSDATETIME", 
    success: function(data) { 
     document.getElementById("div1").innerHTML = data; 
     $.ajax({ 
      url: "/cgi-bin/wvvar.cgi", 
      type: "POST", 
      data: "cmd=get&varname=@LOGINSTATE", 
      success: function(data) { 
       document.getElementById("div2").innerHTML = data; 
       if (data == "0") 
        setTimeout("TimerEvent()", 50); 
      } 
     }); 
    } 
}); 

} 

Answer 2

要件が許す場合は、これを試してみてください。

function TimerEvent() { 

$.ajax({ 
    url: "/cgi-bin/wvvar.cgi", 
    type: "POST", 
    data: "cmd=get&varname=s@SYSDATETIME", 
    success: function(data) { 
     document.getElementById("div1").innerHTML = data; 

     $.ajax({ 
      url: "/cgi-bin/wvvar.cgi", 
      type: "POST", 
      data: "cmd=get&varname=@LOGINSTATE", 
      success: function(data) { 
       document.getElementById("div2").innerHTML = data; 
       if (data == "0") 
        setTimeout("TimerEvent()", 50); 
      } 
     }); 
    } 
}); 

} 

Answer 3

はasync=falseオプションを追加することにより、同期呼び出しを実行するようにしてください。