jQueryajax读取本地json文件的实例_ajax获取本地文件 - CSDN文库

168 浏览量更新于2023-03-16 评论 1 收藏 31KB PDF 举报

身份认证购VIP最低享 7 折!

领优惠券(最高得80元）

资源详情

资源评论

资源推荐

jQuery ajax读取本地读取本地json文件的实例文件的实例

下面小编就为大家带来一篇jQuery ajax读取本地json文件的实例。小编觉得挺不错的，现在就分享给大家，也给

大家做个参考。一起跟随小编过来看看吧

json文件文件

{

"first":[

{"name":"张三","sex":"男"},

{"name":"李四","sex":"男"},

{"name":"王武","sex":"男"},

{"name":"李梅","sex":"女"}

]

}

js：：

方法一：方法一：

$.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);

})

}

})

方法二：方法二：

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

// jQuery.getJSON( url [, data ] [, success ] )

$.getJSON("ceshi.json", "", function(data) {

　 //each循环使用$.each方法遍历返回的数据date

$.each(data.first, function(i, item) {

var str = '<div>姓名:' + item.name + '性别：' + item.sex + '</div>';

document.write(str);

})

});

以上这篇jQuery ajax读取本地json文件的实例就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支

持我们。

本内容试读结束，登录后可阅读更多

下载后可阅读完整内容，剩余0页未读，立即下载

评论0

weixin_38659527

粉丝: 6
资源: 871

会员权益专享

图片转文字

全年可省5，000元立即开通

最新资源

资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！点击此处反馈