Javascript 变量显示为未定义

Question

我现在苦苦挣扎了一段时间，找不到此代码不起作用的原因。

当点击 #submitmsg 时，它应该触发另一个从 php 文件获取时间的函数。这是一个聊天框，在本例中它应该显示名称(即 Ja)，并在其旁边显示时间，即变量“tajm”。虽然显示的是未定义而不是时间。

知道为什么这不起作用吗？

代码片段如下:

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 是异步的。

您的回调仅在其余代码完成后运行一段时间。