实时服务器上 XMLHttpRequest 中的 Javascript 变量重置为空

Question

我对此有点困惑，因为在我的本地主机上它成功了..

当我运行代码时，我预先生成一个变量 randomid现在我想在 XMLHttpRequest 的响应中使用此 id，但 console.log 显示变量 randomid已更改:

var randomid = "8bqfqm2q";

console.log("../export/" + randomid + ".ff" );

var xhr = new XMLHttpRequest();
xhr.onreadystatechange = function() {
    if (xhr.readyState == XMLHttpRequest.DONE) {
        console.log("../export/" + randomid + ".ff" );
    }
}
xhr.open('POST', "../phpfile.php", true);
xhr.send(new FormData(document.getElementById("myform")));

控制台打印:

../export/8bqfqm2q.ff
../export/.ff

但是当我这样做时:

document.getElementById("passfilterid").value = "8bqfqm2q";

并通过document.getElementById("passfilterid").value而不是randomid到控制台日志..它有效..

我不明白，这是怎么回事？这段代码在我的本地主机上运行得很好，所以我不知道该怎么做。我也没有收到任何错误。

Answer 1

您可以向 xhttp 对象添加回调函数并向其传递值，也可以向 xhttp 对象添加属性并在函数内检索它。

var xhr = new XMLHttpRequest();
xhr.randomid = "8bqfqm2q";
xhr.onreadystatechange = function() {

    if (xhr.readyState == XMLHttpRequest.DONE) {
        console.log("../export/" + this.randomid + ".ff" );
    }
}