Javascript,读取文件夹中的文件

Javascript,读取文件夹中的文件,javascript,Javascript,我有一个大文件格式“json”。在浏览器中打开页面时,我需要使用此信息。唯一的解决方案是将数据放入“.js”文件中的变量中,但结果是5000行。也许有一个选项可以读取数据?我在文件夹中打开页面,如果您想直接获取数据,必须像以前一样将其放入.js文件中。您可以编写一个构建规则,从.json文件创建这个.js文件 另一个解决方案是使用Ajax,它允许从js获取.json的内容并将其存储到变量中 parse()方法解析JSON字符串,构造 字符串描述的JavaScript值或对象 - 如果你需要这些对

我有一个大文件格式“json”。在浏览器中打开页面时,我需要使用此信息。唯一的解决方案是将数据放入“.js”文件中的变量中,但结果是5000行。也许有一个选项可以读取数据?我在文件夹

中打开页面,如果您想直接获取数据,必须像以前一样将其放入.js文件中。您可以编写一个构建规则,从.json文件创建这个.js文件

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

parse()方法解析JSON字符串,构造 字符串描述的JavaScript值或对象

-

如果你需要这些对象来渲染你的网页/webapp,你必须将它们放到浏览器中。分解JSON。别忘了缩小尺寸

我认为理想的架构应该是使用XHR或(如果这真的是您的用例/本地)获取您需要的JSON。

您可以使用
元素,将
rel
属性设置为
“import”
,获取
link.import.body.textContent
传递到
JSON.parse()
JSON
创建
javascript
对象


让json;
函数handleJSON(link){
json=json.parse(link.import.body.textContent);
}
window.onload=函数(){
console.log(json)
}
//基本方法!!考虑处理异常。。。
if(window.XMLHttpRequest){//Objet标准
xhr=newXMLHttpRequest();//Firefox、Safari。。。
}如果(window.ActiveXObject){//Internet Explorer
xhr=新的ActiveXObject(“Microsoft.XMLHTTP”);
}
//Ajax请求
xhr.onreadystatechange=函数(){
//如果可以200
if(this.readyState==4&&this.status==200){
data=此响应
//你的数据
console.log(数据[0]。标题);
}
}
open(“GET”,“resc/placeholder.json”,true)
xhr.responseType=“json”

xhr.send(/*prams,如果需要*/)
文件位于哪里?在服务器上,还是在客户端?