微客导航 » 文章资讯 » 通过jquery的ajax请求本地的json文件方法

通过jquery的ajax请求本地的json文件方法

2023-09-09 06:52:05 143

自己学习jquery的ajax的经历，记录一下

ajaxTestDemo.html

在body里面放一个id为test的div

第一步还是要先加载jquery文件jquery.min.js

shuju.json文件

{
"list":[
{"item":"审计管理"},
{"item":"菜单管理"},
{"item":"订单管理"},
{"item":"合同管理"},
{"item":"物流管理"},
{"item":"行政管理"},
{"item":"人事管理"},
{"item":"购物管理"},
{"item":"批发管理"},
{"item":"安全管理"},
{"item":"账号管理"},
{"item":"财务管理"},
{"item":"其他管理"}
]
}

/*json文件里竟然不能有这样的注释，因为困扰了几个小时！*/

完整的页面代码





测试jquey的ajax方法

还可以通过$.getJSON来获取本地json文件

/*getJSON*/
$(function(){
$.getJSON("./data/shuju.json",function(data){
varstr="";
$.each(data.list,function(i,n){
str+=""+n["item"]+"";
})
str+="";
$("#test").append(str);
});
});

以上这篇通过jquery的ajax请求本地的json文件方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持毛票票。

返回顶部
3162201930
czq8825@qq.com

通过jquery的ajax请求本地的json文件方法

热门推荐

随机推荐