HTML/JavaScript中引入json文件
json
适用于现代 C++ 的 JSON。
项目地址:https://gitcode.com/gh_mirrors/js/json
免费下载资源
·
方法一:通过<script >
标签引入
第一步:在json文件中定义一个变量指向json
数据(一些IDE会报错,不过不用管,另外一些IDE规则验证无法通过,导致无法保存,这种情况就用第二种方法吧)。
var jsonData = {
// json数据
};
第二步:在HTML文件中使用<script>
标签引入json
文件
<script type="text/javascript" src="./xxx.json"></script>
<script>
// 控制台输出json
console.log("json文件数据", jsonData);
</script>
方法二:通过异步获取json(getJSON
)
- 要引入
JQuery
- 要启动服务(我用的
http-server
),否则出现跨域报错 - 注意json文件不能像方法一那样写了,是纯
json
文件,不要赋值变量了
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
$.getJSON('data.json', function (data) {
console.log("json文件数据", data);
})
</script>
GitHub 加速计划 / js / json
41.72 K
6.61 K
下载
适用于现代 C++ 的 JSON。
最近提交(Master分支:1 个月前 )
960b763e
3 个月前
8c391e04
6 个月前
更多推荐
已为社区贡献32条内容
所有评论(0)