使用ajax请求本地JSON文件中的数据

json文件

{
    "info":[
        {"name":"张三","sex":"男"},
        {"name":"李四","sex":"男"},
        {"name":"王麻子","sex":"男"}
    ]
}

js

方法一:

$.ajax({
   url: "data.json",//json文件位置，文件名
   type: "GET",//请求方式为get
   dataType: "json", //返回数据格式为json
   success: function(data) {//请求成功完成后要执行的方法 
       //给info赋值给定义好的变量
       pageData=data.info
   }
})

方法二:

jQuery.getJSON()是jQuery.ajax()函数的简写形式.

// jQuery.getJSON( url [, data ] [, success ] )
$.getJSON("data.json", "", function(data) {
       //给info赋值给定义好的变量
       pageData=data.info
});