JQuery读取本地json文件

利用的是jQuery ajax - getJSON() 方法

语法

jQuery.getJSON(url,data,success(data,status,xhr))

参数	描述
url	必需。规定将请求发送的哪个 URL。
data	可选。规定连同请求发送到服务器的数据。
success(data,status,xhr)	可选。规定当请求成功时运行的函数。 额外的参数： response - 包含来自请求的结果数据 status - 包含请求的状态 xhr - 包含 XMLHttpRequest 对象

详细说明

该函数是简写的 Ajax 函数，等价于：

$.ajax({
  url: url,
  data: data,
  success: callback,
  dataType: json
});

测试的json文件为:

[
	{"name":"drj","age":"21","info":"this is drj"},
	{"name":"wsy","age":"3","info":"this is wsy"},
	{"name":"xyz","age":"17","info":"this is xyz"}
]

我们在html文件中写:

结果:

成功解析了