JQuery讀取本地json檔案

Dailoge發表於2017-05-12
jQueryJSON

利用的是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檔案中寫:


結果:


成功解析了


相關文章