我在本地系统中保存了一个JSON文件并创建了一个JavaScript文件,以便读取JSON文件并打印出数据.这是JSON文件:
{"resource":"A","literals":["B","C","D"]}
Run Code Online (Sandbox Code Playgroud)
假设这是JSON文件的路径:/Users/Documents/workspace/test.json.
任何人都可以帮我写一段简单的代码来阅读JSON文件并在JavaScript中打印数据吗?
我试着打开文件
window.open("file:///D:/Hello.txt");
Run Code Online (Sandbox Code Playgroud)
浏览器不允许以这种方式打开本地文件,可能是出于安全原因.我想在客户端使用该文件的数据.如何在Javascript中读取本地文件?
我正在尝试将.json文件加载到javascript中的变量中,但我无法使其工作.这可能只是一个小错误,但我找不到它.
当我使用这样的静态数据时,一切正常:
var json = {
id: "whatever",
name: "start",
children: [{
"id":"0.9685","name":" contents:queue"},{
"id":"0.79281","name":" contents:mqq_error"}}]
}
Run Code Online (Sandbox Code Playgroud)
所以我将{}中的所有内容放在content.json文件中并尝试将其加载到本地javascript变量中,如下所述:将json加载到变量中
var json = (function() {
var json = null;
$.ajax({
'async': false,
'global': false,
'url': "/content.json",
'dataType': "json",
'success': function (data) {
json = data;
}
});
return json;
})();
Run Code Online (Sandbox Code Playgroud)
我用chrome调试器运行它,它总是告诉我变量json的值为null.content.json与调用它的.js文件驻留在同一目录中.
我错过了什么?
如何在javascript中使用fetch函数读取本地JSON文件?我有一些带有一些转储数据的JSON文件和一个在服务器上读取JSON文件的函数.例如 :
readJson () {
console.log(this)
let vm = this
// http://localhost:8080
fetch('/Reading/api/file').then((response) => response.json()).then(json => {
vm.users = json
console.log(vm.users)
}).catch(function () {
vm.dataError = true
})
}
Run Code Online (Sandbox Code Playgroud)
那么,在这个获取函数中读取本地json文件必须做什么?