Javascript変数が未定義として表示される

Question

私はしばらくの間苦労していますが、私はこのコードがうまくいかない理由を見つけることができません。

#submitmsgをクリックすると、phpファイルから時間を取得する別の機能が起動されます。これはソートチャットボックスであり、このケースでは名前（これはJa）が表示され、その隣に「var」「tajm」が表示されます。 undefinedが時間の代わりに表示されています。

なぜこの作品はありませんか？

コードは以下のスニペット：

var tajm; 

$(document).ready(function() { 
    $("#submitmsg").click(function() { 
     time(); 
     var newtext = $("#textmsg").val(); 
     var oldtext = document.getElementById("textbox").innerHTML; 
     document.getElementById("textbox").innerHTML = oldtext + "<br/><div id='name'>Ja:  " + tajm + "</div><div id='red'>" + newtext + "</div>"; 
     $("#textbox").scrollTop($("#textbox")[0].scrollHeight); 
    }); 
}); 

function time() { 
    var ajax = new XMLHttpRequest(); 
    ajax.onreadystatechange = function() { 
     if (ajax.readyState == 4) { 
      tajm = ajax.responseText; 
     } 
    }; 
    ajax.open("GET", "r.php", true); 
    ajax.send(null); 
} 

Answer 1

AJAXは非同期です。

コールバックは、コードの残りの部分が終了してからしばらく時間がかかります。

Answer 2

ajaxは非同期であるため、Javaスクリプトは時間メソッドを実行するのを待つことはありません。 uはあなたのAJAX呼び出しをロードするために待機を与えるrのため、設定した時間ワークアウトされています。この場合 は、uがコードスニペット形式の下

$(document).ready(function() { 
    $("#submitmsg").click(function() { 
     $.load("r.php",function(){ 
      var newtext = $("#textmsg").val(); 
      var oldtext = document.getElementById("textbox").innerHTML; 
      document.getElementById("textbox").innerHTML = oldtext + "<br/><div id='name'>Ja:  " + tajm + "</div><div id='red'>" + newtext + "</div>"; 
      $("#textbox").scrollTop($("#textbox")[0].scrollHeight); 
     } 

    }); 
}); 

注意を記述する必要があります。