Question

我意识到这可能是一个微不足道的问题，但我试图访问一些简单的JSON数据。

基本上，我有一个.js文件，其中包含一个包含我需要访问的所有数据的对象。

但是，数据没有分配给.js文件本身的JS变量 - 它只是那里。

以下是文件中所有内容的示例：

{"data":[
    {"example" : "1",
    "example2" : "2",
    "example3" : {
        "test" : "JS"
    }}
    ]
}

如何访问此数据，为其分配变量，并在单独的HTML / JS文件中对其进行操作？

Answer 1

您无法访问用户文件系统上的任意文件。您必须提供文件输入并让用户选择它。

然后您可以使用the file api来阅读它。

JSON.parse会将其转换为JavaScript数据结构。

＆＃13;

document.querySelector("[type=file]").addEventListener("change", function(event) {
  var file = this.files[0];
  var reader = new FileReader();
  reader.onload = function() {
    console.log(JSON.parse(this.result));
  };
  reader.readAsText(file);
});

＆＃13;

<input type="file">

＆＃13;

如何访问本地纯文本js文件并另存为变量

1 个答案: