jQuery ajax讀取本地json文件的實例
更新時間：2017年10月31日 10:09:10 作者：草木物語
下面小編就為大家?guī)硪黄猨Query ajax讀取本地json文件的實例。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
json文件
{
"first":[
{"name":"張三","sex":"男"},
{"name":"李四","sex":"男"},
{"name":"王武","sex":"男"},
{"name":"李梅","sex":"女"}
]
}
js：
方法一：
$.ajax({
url: "ceshi.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.sex + '</div>';
document.write(str);
})
}
})
方法二：
jQuery.getJSON()是jQuery.ajax()函數(shù)的簡寫形式
// jQuery.getJSON( url [, data ] [, success ] )
$.getJSON("ceshi.json", "", function(data) {
//each循環(huán) 使用$.each方法遍歷返回的數(shù)據(jù)date
$.each(data.first, function(i, item) {
var str = '<div>姓名:' + item.name + '性別：' + item.sex + '</div>';
document.write(str);
})
});
以上這篇jQuery ajax讀取本地json文件的實例就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關(guān)文章
jquery中ajax使用error調(diào)試錯誤的方法
這篇文章主要介紹了jquery中ajax使用error調(diào)試錯誤的方法,實例分析了Ajax的使用方法與error函數(shù)調(diào)試錯誤的技巧,需要的朋友可以參考下2015-02-02
這篇文章主要介紹了jquery根據(jù)name屬性查找的小例子，有需要的朋友可以參考一下2013-11-11
jquery api參考 visualjquery 中國線路 速度快
jquery api參考 visualjquery 中國線路 速度快...2007-11-11
今天因網(wǎng)站需要寫了個圖片展示效果,其中用到了Jquery的data函數(shù)，剛學(xué)就被我用這了，昨天看時還覺得無甚用處，因為可以人為地給一個節(jié)點加屬性嘛，不過省卻了幾句代碼而已。2010-05-05
這篇文章主要介紹了jquery中val()方法是從最后一個選項往前讀取的,需要的朋友可以參考下2015-09-09
JQuery插件開發(fā)示例代碼2013-11-11
jQuery ajax時間差導(dǎo)致的變量賦值問題分析
這篇文章主要介紹了jQuery ajax時間差導(dǎo)致的變量賦值問題,結(jié)合實例對比分析了jQuery的ajax調(diào)用中出現(xiàn)的時間差賦值問題原因與解決方法,需要的朋友可以參考下2016-01-01
JQuery限制復(fù)選框checkbox可選中個數(shù)的方法
這篇文章主要介紹了JQuery限制復(fù)選框checkbox可選中個數(shù)的方法,涉及jQuery操作復(fù)選框長度判斷與屬性修改的相關(guān)技巧,非常具有實用價值,需要的朋友可以參考下2015-04-04
javascript原生和jquery庫實現(xiàn)iframe自適應(yīng)高度和寬度
這篇文章主要介紹了javascript原生和jquery庫實現(xiàn)iframe自適應(yīng)內(nèi)容高度和寬度,需要的朋友可以參考下2014-07-07
這篇文章主要介紹了jQuery ajax動態(tài)生成table功能,結(jié)合具體實例形式分析了jQuery基于ajax數(shù)據(jù)交互動態(tài)創(chuàng)建table表格的相關(guān)操作技巧,需要的朋友可以參考下2017-06-06