<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<div id='th0'></div>
<script>
var json = require('./json/all_inf.json');
document.getElementById('th0').innerHTML = json[0];
</script>
</body>
</html>
打开后什么都没有,但是单独写js文件的时候是有内容的。
var json = require('./json/all_inf.json');
var a = json[0];
console.log(a);
求解答
分享
有两种方案
1.通过 ajax请求json模式
fetch('./json/all_inf.json').then(res => {
return res.json()
}).then(data => {
console.log(data)
})
2.把json转入对象引入就可以用了
all_inf.js
let json={}
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<div id='th0'></div>
<script src='./json/all_inf.js'>
<script>
document.getElementById('th0').innerHTML = json[0];
</script>
</body>
</html>
系统已结题
5月10日
已采纳回答
5月2日
赞助了问题酬金5元
5月2日
创建了问题
5月2日
