<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
</body>
<script src="http://code.jquery.com/jquery-1.8.0.min.js"></script>
<script>
$.ajax({
url: "test.json", //json文件位置
type: "GET", //請求方式為get
dataType: "json", //返回數(shù)據(jù)格式為json
success: function(data) { //請求成功完成后要執(zhí)行的方法
//each循環(huán) 使用$.each方法遍歷返回的數(shù)據(jù)date
$.each(data.first, function(i, item) {
var str = '<div>姓名:' + item.name + '昵稱：' + item.nick + '</div>';
document.write(str);
})
}
})
</script>
</html>
test.json
{
"first": [
{
"name": "王小婷",
"nick": "祈澈菇?jīng)?
}, {
"name": "安安",
"nick": "壞兔子"
}, {
"name": "編程微刊",
"nick": "簡書"
}
]
}
參考：ajax和axios請求本地json數(shù)據(jù)對比
http://www.itdecent.cn/p/4b9cb79fedd5
原文作者：祈澈姑娘 技術(shù)博客：http://www.itdecent.cn/u/05f416aefbe1
90后前端妹子，愛編程，愛運營，文藝與代碼齊飛，魅力與智慧共存的程序媛一枚。
堅持總結(jié)工作中遇到的技術(shù)問題，堅持記錄工作中所所思所見，對于博客上面有不會的問題，歡迎加入首頁編程微刊qq群。
