天天看点

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

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

ajaxTestDemo.html

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

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

$(function(){

$.ajax({

//请求方式为get

type:"GET",//json文件位置

url:"./data/shuju.json",//返回数据格式为json

dataType: "json",//请求成功完成后要执行的方法

success: function(data){

//使用$.each方法遍历返回的数据date,插入到id为#result中

var str="";

$.each(data.list,function(i,n){

str+="

"+n["item"]+"";

})

str+="";

$("#test").append(str);

}

});

});

shuju.json文件

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

]

}

测试jquey的ajax方法