前几天,由于要使用jQuery经过ajax请求本地的json文件,被困扰了许久,而后在网上搜了一下解决方案,今天在这里记录一下:javascript
首先,在建立的json文件内不能够有注释存在(json文件不支持注释)。java
{ "list":[ {"title1":"菜单1"}, {"title2":"菜单2"}, {"title3":"菜单3"} ] }
而后使用ajax请求本地的json文件:ajax
$.ajax({ type:"GET", //请求方式使用GET请求,由于好像不支持POST url:"url" //本地json的地址路径 data:data, //ajax请求数据 dataType:"json" //返回数据格式为json success:function(res){ //请求成功的回调函数 console.log(res); } })
而后就能够在ajax成功的回调函数里,调用本地json文件里的数据了。json
还可使用getJSON来获取本地的json文件:函数
$(function(){ $.getJSON("urlJSON",function(res){ console.log(res) } })
getJSON有两个参数:第一个参数是json的url地址,第二个参数是请求成功后的回调函数。url