如何在html代码中使用json文件
我有json文件mydata.json，并且在此文件中是一些json编码的数据。
我想在文件中获取此数据index.html并在JavaScript中处理该数据。但是不知道如何在.html文件中连接connect.json文件？
请告诉我。这是我的 json 文件：
{
"items": [
{
"movieID": "65086",
"title": "The Woman in Black",
"poster": "/kArMj2qsOnpxBCpSa3RQ0XemUiX.jpg"
},
{
"movieID": "76726",
"title": "Chronicle",
"poster": "/853mMoSc5d6CH8uAV9Yq0iHfjor.jpg"
}
]
}
考虑到我正在从服务器获取json文件，如何在html中使用该文件，以便可以在html页面的表中显示数据。我正在使用JavaScript解析json文件。我是这个领域的新手。请帮忙。
问题答案：
<html>
<head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"> </script>
<script>
$(function() {
var people = [];
$.getJSON('people.json', function(data) {
$.each(data.person, function(i, f) {
var tblRow = "<tr>" + "<td>" + f.firstName + "</td>" +
"<td>" + f.lastName + "</td>" + "<td>" + f.job + "</td>" + "<td>" + f.roll + "</td>" + "</tr>"
$(tblRow).appendTo("#userdata tbody");
});
});
});
</script>
</head>
<body>
<div class="wrapper">
<div class="profile">
<table id= "userdata" border="2">
<thead>
<th>First Name</th>
<th>Last Name</th>
<th>Email Address</th>
<th>City</th>
</thead>
<tbody>
</tbody>
</table>
</div>
</div>
</body>
</html>
我的JSON档案：
{
"person": [
{
"firstName": "Clark",
"lastName": "Kent",
"job": "Reporter",
"roll": 20
},
{
"firstName": "Bruce",
"lastName": "Wayne",
"job": "Playboy",
"roll": 30
},
{
"firstName": "Peter",
"lastName": "Parker",
"job": "Photographer",
"roll": 40
}
]
}
经过一天的工作，我成功地将JSON文件集成到HTML表中！！！！
-
使用Notepad++,您可以选择在浏览器中运行。如何使用Visual Studio代码执行相同的操作？
-
问题内容： 我有一个.dll文件，必须在Java中使用。该.dll文件具有参数化方法，该方法应将类型返回为字符串。当我将参数传递给它时，我得到的消息是 这是代码… 问题答案： 只需在项目中添加引用即可。和名称空间在顶部..然后您可以访问所有dll方法。如果您使用的是Eclispe，请右键单击您的项目->然后单击“构建路径”->，然后单击“添加库”，然后单击用户库。 在这里您可以导入dll
-
我用WooCommerce插件设置了WordPress，产品被循环输出...直到那里。 我想增加访问者能够投票支持产品的可能性。所以我在找一个插件，找到了一个。 但这才是真正的问题！名为“喜欢照片”的插件为我提供了WordPress简码功能。如果我在WordPress编辑器中插入短代码（图像前后），一切都工作正常。 但是我需要把代码放在PHP文件（循环输出产品的文件）本身。 因此，我尝试使用PHP
-
问题内容： 我有Codepen代码，我正尝试仅使用三个文件index.html，main.js和style.css在网页上复制它们。我尝试将这些脚本加载到HTML文件的head标签上。 但是，它不起作用。我得到的只是这个错误 有什么必要的CDN脚本文件将此反应代码加载到HTML？ 问题答案： 您需要使用脚本来反编译代码，并且需要包含的脚本，使用它们可以正常工作： 它与Codepen配合使用的原因：
-
问题内容： 我无法在HTML页面中使用PHP。例如，。我试过同时使用： 和 这些都不起作用。我的服务器提供PHP，当我使用扩展名时，它可以正常工作。这是一个问题还是我必须更改中的首选项？ 问题答案： 您无法在.html文件中运行PHP，因为除非您告知服务器，否则服务器不会将其识别为有效的PHP扩展名。为此，您需要在根Web目录中创建一个.htaccess文件，并将以下行添加到其中： 这将告诉Apa
-
问题内容： 首先，我是Javascript领域的新手。我有一个JSON文件，例如： 我一直在做很多关于如何将此文件重新带回脚本中的研究，只是找到了将字符串编码为JSON文件的方法。基本上，我想通过javascript读取此文件，例如…（我知道这不是您编码的方式） 有人可以给我明确的指示，说明如何执行此操作。记住，我是一个新手，需要具体说明，因为我不符合javascript行话。 问题答案： 首先，