未捕获的引用错误(无法读取JSON文件)



我开始学习javascript中的JSON处理,我有这样一个JSON文件:

[{"name":"Krzysztof Kowalski", "title":"Na Zdrowie", "author":"Jan Kochanowski"}]

我想把它打印到一个网站上,如果我没记错的话:

<html>
<head>
<script type="text/javascript" src="data.json"></script>
<script>
function updateUser() {
var configs = JSON.parse(data);
document.getElementById('txt').innerHTML = configs[0].name;
var t = setTimeout(startTime, 500);
}
</script>
</head>
<body onload="updateUser()">
<div id='txt'>
<p>Test text</p>
</div>
</body>
</html>

应该从JSON中的第一个对象打印"name"字段,尽管我得到这样的错误:

Uncaught ReferenceError: data is not defined

有谁知道这个问题的解决方法吗?编辑:改变

document.getElementById('txt').innerHTML = data[0].name;

document.getElementById('txt').innerHTML = configs[0].name;

要使其工作,您的JSON文件必须看起来像这样:

data = '[{"name":"Krzysztof Kowalski", "title":"Na Zdrowie", "author":"Jan Kochanowski"}]'

如果您更喜欢使用传统的JSON文件,http://api.jquery.com/jQuery.getJSON/应该有助于更正常的方法。

最新更新