Read XML with jQuery/Ajax
<!DOCTYPE html> <html>
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 | <head><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Read XML with jQuery/Ajax</title><script>$(document).ready(function () { $.ajax({ type: "GET", url: "music.xml", dataType: "xml", success: function_Parsxml });});function function_Parsxml(xml) { $('#load').fadeOut(); $(xml).find("mostplayedsongs").each(function () { $(".main").append('<div class="song"><div class="title">' + $(this).find("Title").text() + '</div> <div class="Artist">' + $(this).find("Artist").text() + '</div></div>'); $(".song").fadeIn(1000); });}</script><style>.main{width:100%;margin:0 auto;}.song{width:208px;float:left;margin:10px;border:1px #dedede solid;padding:5px;display:none;}.title{margin-bottom:6px;}.Artist{font-size:12px; color:#999; margin-top:4px;}</style></head><body><div class="main"> <div align="center" class="loader"><img src="img/loader.gif" id="load" align="absmiddle"/></div></div></body></html> |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 | <?xml version="1.0" encoding="utf-8" ?><musictype><mostplayedsongs><Title>Sexyback</Title><Artist>Timberlake, Justin</Artist></mostplayedsongs><mostplayedsongs><Title>Wonderful Tonight</Title><Artist>Clapton, Eric</Artist></mostplayedsongs><mostplayedsongs><Title> Amazed</Title><Artist>Lonestar</Artist></mostplayedsongs></musictype> |
