将文本文件异步分配给Javascript中的变量

Question

我正在查看Benjamin Gruenbaum's answer，他在HTML 正文中打印result。尽管他确实广泛谈论了他和其他有关其工作原理的答案，但他们并没有直接回答“如何从异步调用返回响应”这个问题？

据我了解，他（和我）希望能够返回结果并将其分配给例如函数foo 之外的变量或console.log()。 代码如下：

      foo(function (result) {
        document.body.innerHTML = result;
      });

      function foo(callback) {
        httpRequest = new XMLHttpRequest();
        httpRequest.onreadystatechange = function () {
            if (httpRequest.readyState === 4) { // request is done
                if (httpRequest.status === 200) { // successfully
                    callback(httpRequest.responseText); // we're calling our method
                }
            }
        };
        httpRequest.open('GET', "someFile.json");
        httpRequest.send();
      }

我真正想要的是读取文件“someFile.json”并将相应的字符串存储在变量jsonString 中，而不是将其分配给页面正文，这样我就可以在其他地方使用它。

Answer 1

如果这是你所追求的，你可以使用一个变量来做到这一点。请记住，该变量只有在 onreadystatechange 执行并赋值时才会获得值。

  var someFileContent;

  foo(function () {
    console.log(someFileContent);
  });

  function foo(callback) {
    httpRequest = new XMLHttpRequest();
    httpRequest.onreadystatechange = function () {
        if (httpRequest.readyState === 4) { // request is done
            if (httpRequest.status === 200) { // successfully
                someFileContent = httpRequest.responseText;
                callback(); // we're calling our method
            }
        }
    };
    httpRequest.open('GET', "someFile.json");
    httpRequest.send();
  }