在HTML/JavaScript中引入json文件

在HTML/JavaScript中引入json文件有2种引入方式：使用<script >标签引入使用ajax获取json使用<script>引入在json文件中定义一个变量指向这个json数据。var jsonData = {//...};在HTML文件中使用<script>标签引入json文件<script type="text/javascript"

csdnyq

31766人浏览 · 2020-06-08 17:15:54

csdnyq · 2020-06-08 17:15:54 发布

在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("请求失败");
	}
});