加载本地JSON文件

我试图加载一个本地JSON文件，但它不会工作。下面是我的JavaScript代码(使用jQuery):

var json = $.getJSON("test.json");
var data = eval("(" +json.responseText + ")");
document.write(data["a"]);

测试。json文件:

{"a" : "b", "c" : "d"}

什么也没有显示，Firebug告诉我数据是未定义的。在Firebug中我可以看到json。responseText和它是好的和有效的，但它是奇怪的，当我复制一行:

 var data = eval("(" +json.responseText + ")");

在Firebug的控制台中，它可以工作，我可以访问数据。

有人有办法吗?

当前回答

json_str = 字符串.raw'[{“名称”： “Jeeva”}， {“名称”： “Kumar”}]'; obj = JSON.parse（json_str）; console.log（obj[0][“name”]）;

我为我的cordova应用程序这样做，就像我为JSON创建了一个新的javascript文件，并将JSON数据粘贴到String中。然后使用JSON.parse解析它

其他回答

如果您正在寻找一些快速和肮脏的东西，只需加载HTML文档头部的数据。

data.js

var DATA = {"a" : "b", "c" : "d"};

index . html

<html>
<head>
   <script src="data.js" ></script>
   <script src="main.js" ></script>
</head>
...
</html>

main.js

(function(){
   console.log(DATA); // {"a" : "b", "c" : "d"}
})();

我应该提到，你的堆大小(在Chrome)是大约4gb，所以如果你的数据大于，你应该找到另一种方法。如果你想检查另一个浏览器试试这个:

window.performance.memory.jsHeapSizeLimit / 1024 / 1024 / 1024 + " GBs"
// "4.046875 GBs"

ES6更新:

而不是使用<script>标签来加载你的数据，你可以直接在你的main.js中使用import assert加载它

import data from './data.json' assert {type: 'json'};

json_str = 字符串.raw'[{“名称”： “Jeeva”}， {“名称”： “Kumar”}]'; obj = JSON.parse（json_str）; console.log（obj[0][“name”]）;

我为我的cordova应用程序这样做，就像我为JSON创建了一个新的javascript文件，并将JSON数据粘贴到String中。然后使用JSON.parse解析它

我只是稍微编辑了一下JSON文件。

myfile。Json => myfile.js

在JSON文件中，(将其设置为JS变量)

{name: "Whatever"} => var x = {name: "Whatever"}

最后，

导出默认x;

然后,

导入JsonObj from './myfile.js';

在TypeScript中，你可以使用import来加载本地JSON文件。例如，加载一个font.json:

import * as fontJson from '../../public/fonts/font_name.json';

这需要tsconfig标志——resolveJsonModule:

// tsconfig.json

{
    "compilerOptions": {
        "module": "commonjs",
        "resolveJsonModule": true,
        "esModuleInterop": true
    }
}

有关更多信息，请参阅typescript的发布说明:https://www.typescriptlang.org/docs/handbook/release-notes/typescript-2-9.html

我如何能够加载数据从json文件在一个JavaScript变量使用简单的JavaScript:

let mydata;
fetch('datafile.json')
    .then(response => response.json()) 
    .then(jsonResponse => mydata = jsonResponse)

在这里发帖是因为我没有找到我正在寻找的这种“解决方案”。

注意:我使用的是通过通常的“python -m http”运行的本地服务器。服务器”命令。

推荐文章