360直接显示json是一种非常方便的工具。它可以直接将json数据在网页上显示出来,而不需要在代码中手动解析json数据。下面我们来看一下如何使用360直接显示json。
<script type="text/javascript" src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
<script type="text/javascript" src="https://cdn.staticfile.org/vue/2.2.2/vue.min.js"></script>
<script type="text/javascript" src="https://cdn.bootcss.com/axios/0.16.2/axios.min.js"></script>
<script>
var url = 'https://some.api.com/data.json';
axios.get(url)
.then(function(response) {
var jsonData = response.data;
$('#json-container').JSONView(jsonData);
})
.catch(function(error) {
console.log(error);
});
</script>
上面的代码使用了jQuery、Vue.js和axios等库,不过最关键的是JSONView插件。它可以让我们非常方便地展示json数据。而且它支持缩进、折叠和语法高亮等功能,让数据更加直观。
最后,我们需要在网页中添加一个容器元素,用于显示json数据。
<div id="json-container"></div>
这个div元素的id可以自行修改。接下来,当我们执行上面的axios请求时,会将获取到的json数据显示在该容器中。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 [email protected] 举报,一经查实,本站将立刻删除。