在HTML/JavaScript中引入json文件
在HTML/JavaScript中引入json文件有2种引入方式:使用<script >标签引入使用ajax获取json使用<script>引入在json文件中定义一个变量指向这个json数据。var jsonData = {//...};在HTML文件中使用<script>标签引入json文件<script type="text/javascript"
·
在HTML/JavaScript中引入json文件
有2种引入方式:
- 使用<script >标签引入
- 使用ajax获取json
使用<script>引入
- 在json文件中定义一个变量指向这个json数据。
var jsonData = {
//...
};
- 在HTML文件中使用<script>标签引入json文件
<script type="text/javascript" src="/map/xxx.json"></script>
<!--就可以在script标签里面使用jsonDate-->
听说在idea里面创建的json文件不能定义变量(本人没有验证过),所以有了第二种方式,ajax方式。
通过ajax获取json
在js中通过ajax获取json。
$.ajax({
type:"get", //使用get方式
url: "xxx.json", //json文件相对于这个HTML的路径
dataType:"json",
success:function(data) {
//这个data就是json数据
},
error:function() {
alert("请求失败");
}
});
![Logo](https://devpress.csdnimg.cn/79de2bf0b7994defa4242ef90d5513fa.jpg)
开放原子开发者工作坊旨在鼓励更多人参与开源活动,与志同道合的开发者们相互交流开发经验、分享开发心得、获取前沿技术趋势。工作坊有多种形式的开发者活动,如meetup、训练营等,主打技术交流,干货满满,真诚地邀请各位开发者共同参与!
更多推荐
所有评论(0)