自己學習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方法