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文件中寫:

結果:

成功解析了