国产激情自拍_国产9色视频_丁香花在线电影小说观看 _久久久久国产精品嫩草影院

首頁(yè) > 編程 > JavaScript > 正文

jQuery中使用Ajax獲取JSON格式數(shù)據(jù)示例代碼

2019-11-20 21:35:03
字體:
來(lái)源:轉(zhuǎn)載
供稿:網(wǎng)友
JSON(JavaScript Object Notation)是一種輕量級(jí)的數(shù)據(jù)交換格式。JSONM文件中包含了關(guān)于“名稱(chēng)”和“值”的信息。有時(shí)候我們需要讀取JSON格式的數(shù)據(jù)文件,在jQuery中可以使用Ajax或者 $.getJSON()方法實(shí)現(xiàn)。

下面就使用jQuery讀取music.txt文件中的JSON數(shù)據(jù)格式信息。
首先,music.txt中的內(nèi)容如下:
復(fù)制代碼 代碼如下:

[
{"optionKey":"1", "optionValue":"Canon in D"},
{"optionKey":"2", "optionValue":"Wind Song"},
{"optionKey":"3", "optionValue":"Wings"}
]

下來(lái)是HTML代碼:
復(fù)制代碼 代碼如下:

<div>點(diǎn)擊按鈕獲取JSON數(shù)據(jù)</div>
<input type="button" id="button" value="確定" />
<div id="result"></div>

使用Ajax獲取JSON數(shù)據(jù)的jQuery代碼:
復(fù)制代碼 代碼如下:

$(document).ready(function(){
$('#button').click(function(){
$.ajax({
type:"GET",
url:"music.txt",
dataType:"json",
success:function(data){
var music="<ul>";
//i表示在data中的索引位置,n表示包含的信息的對(duì)象
$.each(data,function(i,n){
//獲取對(duì)象中屬性為optionsValue的值
music+="<li>"+n["optionValue"]+"</li>";
});
music+="</ul>";
$('#result').append(music);
}
});
return false;
});
});

當(dāng)然,也可以使用$.getJSON()方法,代碼簡(jiǎn)潔一點(diǎn):
復(fù)制代碼 代碼如下:

$(document).ready(function(){
$('#button').click(function(){
$.getJSON('music.txt',function(data){
var music="<ul>";
$.each(data,function(i,n){
music+="<li>"+n["optionValue"]+"</li>";
});
music+="</ul>";
$('#result').append(music);
});
return false;
});
});
發(fā)表評(píng)論 共有條評(píng)論
用戶(hù)名: 密碼:
驗(yàn)證碼: 匿名發(fā)表
国产激情自拍_国产9色视频_丁香花在线电影小说观看 _久久久久国产精品嫩草影院
欧美精品se| 久久91精品视频| 国产成人无吗| 日本不卡影院| 亚洲日本久久久午夜精品| 在线观看国产视频| 成年女人在线视频| 五月婷婷导航| 国产精品国产国产aⅴ| 国产成人精品自线拍| 在线一区二区三区精品| 伊人网在线免费观看| 午夜亚洲成人| 超碰在线中文| 国产传媒在线播放| 精品视频二区| 国产免费黄网站| 国产黄色av免费看| 思思99精品视频在线观看| 国产美女一区视频| gogogo影视剧免费观看在线观看| 国产理论片免费观看| 国产字幕在线看| 丁香婷婷激情| 97影院理论午夜| 亚洲天堂影院在线观看| 黄网站在线观看高清免费| 久久久久久久久免费视频| 国产麻豆高清视频在线第一页| 在线观看免费黄色| 国产一级免费在线观看| 中文岛国精品亚洲一区| 国产一级粉嫩xxxx| 日本啊v在线| 夜夜爽视频导航| 国产视频三级在线观看播放| 一级黄色av| 精品视频一区二区观看| 超碰在线97国产| 欧美xxxxx性| 2021天堂中文幕一二区在线观| 久草网在线视频| 一本久久精品| eeuss影院在线观看| 国产精品视频二区三区| 久久精品国产亚洲a∨麻豆| 国产精品欧美韩国日本久久| 国产69精品久久app免费版 | 一本久久精品| 亚洲视频网站在线| 四虎www视频| 在线天堂中文www视软件| 日本中文字幕高清视频| 黄网址在线播放免费| 超碰在线中文| 麻豆精品永久免费视频| 日本调教视频在线观看| 久久久久久久久久久久久91| 国产字幕在线看| 天堂在线免费av| 国产精品视频一区二区三区麻豆 | 在线天堂视频| 国产成人精品久久一区二区小说| 最近中文字幕大全中文字幕免费| 超碰在线免费播放| 久久久久久久久免费视频| 国产性网软件大全| 国产三级在线观看| 亚洲天堂久久久| 牛牛在线精品视频| 国产羞羞视频在线观看| 在线午夜影院| 国产精品亚洲色图| 国产天堂视频| 在线视频中文字幕久| 一区二区三区免费视频网站| 激情亚洲综合网| 国产激情自拍| 懂色av一区| 99热99re6国产在线播放| 日本免费视频www| 国产尤物视频| 日本不卡1区2区3区| 国产精品理人伦一区二区三区| 中文在线观看视频| 国产一区电影| eeuss影院www在线播放| 黄色一级视频网站| 精品国产二区三区| 最新天堂资源在线| 麻豆精品永久免费视频| 国产精品视频一区麻豆| www.中文字幕久久久| 国产精品国产三级国产试看| 国产乱xxⅹxx国语对白| 黄色毛片在线观看| 2020亚洲男人天堂| 综合激情丁香| 日本成人网址| 日本电影在线观看| 2018中文字幕在线| 国产黄大片在线观看画质优化| 激情丁香婷婷| 浪潮av一区| 久久国产热视频| 亚洲日本一区二区三区在线观看| 国产激情在线| 国产盗摄一区二区| 99视频免费| 最近中文字幕mv免费高清视频8| 久久91精品视频| 国产美女极品在线| 免费在线你懂的| 天堂在线看视频| 最新中文字幕av专区| 最新亚洲精品国自产在线观看| 中文字幕在线影视资源| 国产卡1卡2卡三卡在线| 国产在线观看色| 国产美女福利在线| 最近久乱中文字幕| 亚洲成人av在线影院| www.毛片| 国产一级大片| 亚洲精品久久久成人| 欧美性xxxx交| 国产呻吟对白刺激无套视频在线| 国产粉嫩一区二区三区在线观看| av免费在线观| 国产一卡二卡3卡4卡四卡在线| 国产一级黄色大片| 日本在线免费中文字幕| 国产三线在线| 99在线播放| 91福利在线免费| 人成在线免费视频| √天堂8资源中文在线| 日本一卡二卡四卡精品| 五月亚洲综合| 一色桃子av在线| 国产丝袜视频在线播放| 在线观看免费黄色| 日本国产在线| 国产高清免费在线播放| 午夜影院在线| 国产高清在线看| 狠狠色丁香婷婷| 国产xxx在线| 天堂在线免费视频| 久久久久久77777| h视频在线网站| 中文字幕国产欧美| 欧美性xxxx交| 青青草中文字幕| 精品亚洲成a人片在线观看| 在线黄色国产电影| 国产成人精品男人的天堂538| 成人福利视频导航| 国产中文在线| 黄色片视频在线观看| 香蕉视频在线观看www| 国产色在线观看| 国产精品国产国产aⅴ| 国产毛片视频| 国产免费av高清在线| 国产麻豆一区二区三区精品| 国产免费一级片| 天天av综合网| 国产精品伦理一区二区三区| 国产视频三级在线观看播放| 午夜免费福利在线观看| 九九热视频免费在线观看| 久久久久久久久久久久久91| 爱福利在线视频| 高清欧美精品xxxxx在线看| 精品中文字幕不卡在线视频| 欧美大交乱xxxx| 国产乱妇乱子在线播视频播放网站 | 国产字幕在线看| 国产一级大片| 99热免费观看| 国产在线观看色| 尤物视频在线看| 中文国产字幕在线观看| a中文在线播放| 黄色av网址在线免费观看| 国产综合视频一区二区三区免费| 国产一区久久精品| 国产黄色一级片| 在线观看视频污| 久久精品蜜桃| 国产wwww| 国产免费福利| 伊人狠狠av| 成人av小说网| 国产对白在线| 狂野欧美性猛交xxxx乱大交| 国产在线超碰| 在线观看免费观看在线91| 浪潮av一区|