Revision: 45475
Updated Code
at May 1, 2011 21:58 by jafar
Updated Code
//HEAD////////////////////////////////////////////////////// <script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jquery.templates/beta1/jquery.tmpl.min.js"></script> //XML/////////////////////////////////////////////////////// <?xml version="1.0" encoding="utf-8" ?> <thing> <item id="72" date="04.30.2011" title="This is what it is" /> </thing> //HTML///////////////////////////////////////////////// <div id="AnyDiv"></div> //AJAX/////////////////////////////////////////////// $.ajax({ type: "GET", url: "theXML.xml", dataType: "xml", cache: false, //START SUCCESS success: function(xml) { //FOR EACH LOOP $(xml).find("item").each(function() { //CREATE ARRAY thePosts = [{ id: $(this).attr("id"), content: $(this).attr("content"), date: $(this).attr('date'), user: $(this).attr('username'), }]; //ATTACH TEMPLATE $('#theList').tmpl(thePosts).appendTo('#AnyDiv'); //END FOR EACH }); //END SUCCESS } }); //END AJAX//////////////////////////////////////////////////// //JQUERY HTML////////////////////////////////////////// <script id="theList" type="text/x-jquery-tmpl"> <p>${id}</p> <p>${content}</p> <p>${date}</p> <p>${user}</p> </script>
Revision: 45474
Initial Code
Initial URL
Initial Description
Initial Title
Initial Tags
Initial Language
at May 1, 2011 21:56 by jafar
Initial Code
//HEAD////////////////////////////////////////////////////// <script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jquery.templates/beta1/jquery.tmpl.min.js"></script> //XML/////////////////////////////////////////////////////// <?xml version="1.0" encoding="utf-8" ?> <thing> <item id="72" date="04.30.2011" title="This is what it is" /> </thing> //HTML///////////////////////////////////////////////// <div id="AnyDiv"></div> //AJAX/////////////////////////////////////////////// $.ajax({ type: "GET", url: "theXML.xml", dataType: "xml", cache: false, //START SUCCESS success: function(xml) { //FOR EACH LOOP $(xml).find("node").each(function() { //CREATE ARRAY posts = [{ id: $(this).attr("id"), content: $(this).attr("content"), date: $(this).attr('date'), user: $(this).attr('username'), }]; //ATTACH TEMPLATE $('#theList').tmpl(posts).appendTo('#AnyDiv'); //END FOR EACH }); //END SUCCESS } }); //END AJAX//////////////////////////////////////////////////// //JQUERY HTML////////////////////////////////////////// <script id="theList" type="text/x-jquery-tmpl"> <p>${id}</p> <p>${content}</p> <p>${date}</p> <p>${user}</p> </script>
Initial URL
http://api.jquery.com/category/plugins/templates/
Initial Description
A good JSON tutorial here: http://www.giantflyingsaucer.com/blog/?p=2581&cpage=1#comment-3018
Initial Title
Jquery Templates with XML
Initial Tags
Initial Language
jQuery