天天看點

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方法