我试图加载一个本地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文件为*.js，并包括到HTML模板作为脚本。
Js文件是这样的:
let fileJsonData = {
someField: someValue,
...
}
包括如下内容:
...
<script src="./js/jsonData.js"></script>
...
include之后，你可以在全局范围内调用fileJsonData。
其他回答
$.ajax({
url: "Scripts/testingJSON.json",
//force to handle it as text
dataType: "text",
success: function (dataTest) {
//data downloaded so we call parseJSON function
//and pass downloaded data
var json = $.parseJSON(dataTest);
//now json variable contains data in json format
//let's display a few items
$.each(json, function (i, jsonObjectList) {
for (var index = 0; index < jsonObjectList.listValue_.length;index++) {
alert(jsonObjectList.listKey_[index][0] + " -- " + jsonObjectList.listValue_[index].description_);
}
});
}
});
最简单的方法:保存json文件为*.js，并包括到HTML模板作为脚本。
Js文件是这样的:
let fileJsonData = {
someField: someValue,
...
}
包括如下内容:
...
<script src="./js/jsonData.js"></script>
...
include之后，你可以在全局范围内调用fileJsonData。
我如何能够加载数据从json文件在一个JavaScript变量使用简单的JavaScript:
let mydata;
fetch('datafile.json')
.then(response => response.json())
.then(jsonResponse => mydata = jsonResponse)
在这里发帖是因为我没有找到我正在寻找的这种“解决方案”。
注意:我使用的是通过通常的“python -m http”运行的本地服务器。服务器”命令。
如果您正在使用JSON的本地数组-正如您在问题(test.json)中的示例中所示，那么您可以使用JQuery的parseJSON()方法->
var obj = jQuery.parseJSON('{"name":"John"}');
alert( obj.name === "John" );
getJSON()用于从远程站点获取JSON -它不会在本地工作(除非您使用本地HTTP服务器)
我很惊讶从es6导入没有提到(使用小文件)
从“。/test.json”导入测试
Webpack 2<使用json加载器作为.json文件的默认值。
https://webpack.js.org/guides/migrating/#json-loader-is-not-required-anymore
打字稿:
import test from 'json-loader!./test.json';
TS2307 (TS)无法找到模块“json-loader!./suburbs.json”
为了让它工作，我必须首先声明模块。我希望这能为某人节省几个小时的时间。
declare module "json-loader!*" {
let json: any;
export default json;
}
...
import test from 'json-loader!./test.json';
如果我试图从json-loader中忽略loader，我从webpack中得到以下错误:
突破性变化:不再允许省略'-loader'后缀 当使用加载器时。 你需要指定'json-loader'而不是'json'， 看到https://webpack.js.org/guides/migrating/ automatic-loader-module-name-extension-removed
