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

2019独角兽企业重金招聘Python工程师标准>>>

前几天，因为要使用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地址，第二个参数是请求成功后的回调函数。

转载于:https://my.oschina.net/u/3704598/blog/1557594