Question

我有一个大文件格式＆＃34; json＆＃34;。我需要在浏览器中打开页面时使用此信息。唯一的解决方案 - 将数据放入＆＃34; .js＆＃34;中的变量。文件，但它结果是5000行。也许有一个阅读数据的选项？我在文件夹

中打开页面

Answer 1

JSON.parse（）方法解析JSON字符串，构造字符串描述的JavaScript值或对象。

- MDN

如果您需要这些对象来呈现您的网页/网络应用，您将不得不将它们带到浏览器。分解JSON。不要忘记缩小。

我认为所需的架构是使用XHR或filesystem（如果真的只是你的用例/本地）来获取你需要的JSON。

Answer 2

如果您想直接获取数据，则必须像以前一样将其放在.js文件中。您可以编写构建规则以从.json文件创建此.js文件。

另一个解决方案是使用Ajax，它允许从js获取.json的内容并将其存储到变量中。

Answer 3

您可以使用设置为<link>的{{1}}属性的rel元素，获取并"import"传递给link.import.body.textContent以创建JSON.parse()对象javascript。

JSON

Answer 4

//basic method  !! think about handling the exceptions...
 
   if (window.XMLHttpRequest) { //  Objet standard
  xhr = new XMLHttpRequest(); //  Firefox, Safari, ...
} else if (window.ActiveXObject) { //  Internet Explorer
  xhr = new ActiveXObject("Microsoft.XMLHTTP");
}

// Ajax req
xhr.onreadystatechange = function () {
 // if ok  200
  if (this.readyState == 4 && this.status == 200) {


      data = this.response
     

      // your data
      console.log(data[0].title);
  }
}
xhr.open("GET", "resc/placeholder.json", true)
xhr.responseType = "json"
xhr.send(/*prams if needed */)

Javascript，读取文件夹中的文件

4 个答案: