csshi.json格式内容如下

{
  "first":[
    {"name":"张三","sex":"男"},
    {"name":"李四","sex":"男"},
    {"name":"王武","sex":"男"},
    {"name":"李梅","sex":"女"}
  ]
}
jQuery 两种方法都可以实现

$.getJSON("ceshi.json", (data)=> {
    //each循环 使用$.each方法遍历返回的数据date
    $.each(data.first, function(i, item) {     
        var str =`<div>姓名:${item.name}性别：${item.sex}</div>`;
        document.write(str);
    })
});

$.ajax({
    url: "ceshi.json",//json文件位置
    type: "GET",//请求方式为get
    dataType: "json", //返回数据格式为json
    success: function(data) {//请求成功完成后要执行的方法
        //each循环 使用$.each方法遍历返回的数据date
        $.each(data.first, function(i,item) { 
            var str = '<div>姓名:' + item.name + '性别：' + item.sex + '</div>';
            document.write(str);
        })
    }
})

著作权归作者所有。 
商业转载请联系作者获得授权，非商业转载请注明出处。
作者：付博瀚
来源：付博瀚个人博客
链接: https://www.fubohan.com/