Question

我有一个JSON文件作为data.json，我有一个嵌入了JavaScript的HTML文件。我想以简单的HTML（file：/// C：/Users/XYZ/Desktop/htmlpage.html）文件访问JSON文件中的数据，而不是以服务器 - 客户端方式（http://...。）。我试过按照简单的代码导入JSON文件。

<!DOCTYPE html>
<html>
<body>

<p>Access an array value of a JSON object.</p>

<p id="demo"></p>

<script type="text/javascript" src="F:/Folder/data.json">

var myObj, x;

x = data[0].topic;
document.getElementById("demo").innerHTML = x;

</script>

</body>
</html>

我已经阅读了这种使用方法

<script type="text/javascript" src="F:/Folder/data.json">

关于其他StackOverflow问题。但它没有用。

请告诉我访问JSON文件中数据的最简单方法。

Answer 1

您可以尝试在JSON文件中编写类似的内容，以便将数据分配给变量：

window.data = JSON.parse('insert your json string here');

然后，您可以在您网页的javascript中访问window.data。您也可以省略window.，只需分配和/或阅读data，这与window.data相同。

也许更简洁的方法是使用jQuery或vanilla Javascript的AJAX请求，这两种方法在此站点上都有许多答案。

您还可以查看jQuery.getJSON()：Loading local JSON file

的解决方案

Answer 2

如果您能够将PHP用于所需的任务（从JSON文件访问数据并使用数据做一些事情），那么使用PHP打开JSON文件会更容易。您可以使用以下代码来访问JSON文件。

<?php
    $str = file_get_contents('data.json');
    $json = json_decode($str, true);
 ?>

这里$ json将是最外层的对象（如果文件以＆＃39; {＆＃39;）/ array开头（如果文件以＆＃39; [＆＃39;开头）。然后你可以定期使用它。

也许有些人可以认为我在Javascript问题中发布PHP解决方案的原因是什么？但我发现这比在Javascript中打开文件要容易得多。因此，如果您被允许使用PHP，请使用它。

如何在JavaScript中访问JSON文件？

2 个答案: