這篇文章主要介紹了jQuery ajax讀取本地json文件的示例分析，具有一定借鑒價值，感興趣的朋友可以參考下，希望大家閱讀完這篇文章之后大有收獲，下面讓小編帶著大家一起了解一下。
json文件
{
"first":[
{"name":"張三","sex":"男"},
{"name":"李四","sex":"男"},
{"name":"王武","sex":"男"},
{"name":"李梅","sex":"女"}
]
}js：
方法一：
$.ajax({
url: "ceshi.json",//json文件位置
type: "GET",//請求方式為get
dataType: "json", //返回數據格式為json
success: function(data) {//請求成功完成后要執行的方法
//each循環 使用$.each方法遍歷返回的數據date
$.each(data.first, function(i, item) {
var str = '<div>姓名:' + item.name + '性別：' + item.sex + '</div>';
document.write(str);
})
}
})方法二：
jQuery.getJSON()是jQuery.ajax()函數的簡寫形式
// jQuery.getJSON( url [, data ] [, success ] )
$.getJSON("ceshi.json", "", function(data) {
//each循環 使用$.each方法遍歷返回的數據date
$.each(data.first, function(i, item) {
var str = '<div>姓名:' + item.name + '性別：' + item.sex + '</div>';
document.write(str);
})
});感謝你能夠認真閱讀完這篇文章，希望小編分享的“jQuery ajax讀取本地json文件的示例分析”這篇文章對大家有幫助，同時也希望大家多多支持億速云，關注億速云行業資訊頻道，更多相關知識等著你來學習!
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
