jQuery经过ajax请求本地的json文件

前几天,由于要使用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

相关文章
相关标签/搜索