jQuery經過ajax請求本地的json文件

前幾天，由於要使用jQuery經過ajax請求本地的json文件，被困擾了許久，而後在網上搜了一下解決方案，今天在這裏記錄一下：

首先，在建立的json文件內不能夠有註釋存在(json文件不支持註釋)。

{
 "list":[
   {"title1":"菜單1"},
   {"title2":"菜單2"},
   {"title3":"菜單3"}
 ]
}

而後使用ajax請求本地的json文件：

$.ajax({
 type:"GET",  //請求方式使用GET請求，由於好像不支持POST
 url:"url"  //本地json的地址路徑
 data:data,   //ajax請求數據
 dataType:"json"  //返回數據格式爲json
 success:function(res){   //請求成功的回調函數
  console.log(res);
 }
})

而後就能夠在ajax成功的回調函數裏，調用本地json文件裏的數據了。

還可使用getJSON來獲取本地的json文件：

$(function(){
 $.getJSON("urlJSON",function(res){
  console.log(res)
 }
})

getJSON有兩個參數：第一個參數是json的url地址，第二個參數是請求成功後的回調函數。