从多级（？）XML加载数据并动态生成页面

Question

我正在尝试创建一个XML文件来存储将加载到我的网站上的数据（稍后将成为一个应用程序）

我理解如何使用Categories加载frist .find()部分，而不是其余部分（包含类别等等）我也暗示怀疑XML可能更简单，如名称{{ 1}}或者其他什么东西也可以为每个页面（使用jQuery）创建一个模板来自动加载数据？一直在看车把，但似乎有必要。

我对JS和XMl非常陌生，你可能会说，我希望我已经提供了足够的信息并使我自己清楚，任何帮助或见解都会很棒。阅读下面的内容应该有助于使思考清晰。

JS加载并显示类别：

<category name="name">

HTML：

$(document).ready(function () {
$.ajax({
    type: "GET",
    url: "data.xml",
    dataType: "xml",
    success: xmlParser
   });
});

function xmlParser(xml) {

$('#load').fadeOut();


$(xml).find("category").each(function () {
    $(".categories").append('<dt>' 
        + $(this).find("category-name").text() 
        +  '</dt><dd>' 
        + $(this).find("category-description").text() 
        + '</dd>');
    // $(".category").fadeIn(1000);

 });
}

该网站将首先显示类别＆gt;所选类别的类型＆gt;列出所选类型的项目＆gt;列出所选类型的项目（每个都是新页面）

我的当前XML（还有更多类别，但此处没有显示代码的点。）

<dl class="categories margins-removed">  
<!-- Categories show here -->
</dl> 


<div class="main">
    <div align="center" class="loader">
        <img src="loader.gif" id="load"  align="absmiddle"/>
    </div>
</div>