Question

我有一个构建课程网站的应用程序。该应用程序创建X量的JSON文件，使用javascript填充html页面。

让我们在我的html文件中说我有一行像

<title>CSE 308 Home</title>

但是我没有将CSE 308硬编码到html文件中，而是希望它是一个从json文件中读取的变量。

类似

<title> ./js/CourseDetails.json.titleName </title>

Answer 1

JSON文件作为这个东西

data = '[{"name" : "Ashwin", "age" : "20"},{"name" : "Abhinandan", "age" : "20"}]';

链接JSON文件：

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

做这样的事情：

var mydata = JSON.parse(data);

for(var i = 0; i < mydata.length; i++) {
    var item = document.createElement("li");
    var node = document.createTextNode(`${mydata[i].name} ${mydata[i].age}`);
    item.appendChild(node);

    var element = document.getElementById("list-container");
    element.appendChild(item);
}

有没有办法将数据从JSON文件转换为html文件

1 个答案: