JSON将数据加载到列表中

我有以下json结构-这是一个带有地理坐标的餐厅列表

{"Pizza Dach": {
"Kategorie": "Swabian",
"Position": {
    "Longitude": 9.307256,
    "Latitude": 48.741518
}
},
"Galeria Zeus": {
"Kategorie": "Greek",
"Position": {
    "Longitude": 9.303788,
    "Latitude": 48.74131
    }
}
}

现在我想将这个列表嵌入到我的应用程序中，基于jquery和jquery mobile。所以我有一个部分应该显示这个列表

 <div data-role="page" id="restaurants"> 
<header data-role="header">
<h1>restaurants</h1>
</header> 
<article data-role="content">
            <ul>
            <!-- CONTENT WILL BE FILLED IN HERE DYNAMICALLY -->
            </ul>
        </article>
    <footer data-role="footer" data-position="fixed">
<nav data-role="navbar">
 <ul>
            <li><a class="karte" href="#karte">Karte</a></li>
            <li><a class="uebersicht" href="#restaurants">Liste</a></li>
            <li><a class="optionen" href="#optionen">Optionen</a></li>
</ul>
</nav>
</footer>
    </div>      

餐厅

那么，也许有人能帮我使用这个结构的json命令吗？我不知道整个语法，也不知道应该填写什么LIID和哪个键

$.getJSON( "data/restaurants.json", function( data ) {
var items = [];
$.each( data, function( key, val ) {
items.push( "<li id='" + key + "'>" + val + "</li>" );
});
$( "<ul/>", {
"class": "my-new-list",
html: items.join( "" )
}).appendTo( "#restaurants" );
});

$.getJSON（“data/restaurants.json”），函数（data）{
var项目=[]；
$。每个（数据、函数（键、值）{
items.push（“
”+val+“
”）；
});
$（“
”{
“类”：“我的新列表”，
html:items.join（“”）
}).附于（“餐厅”）；
});

非常感谢您的帮助。

您可以使用来呈现数据。您只需获取一个对象（来自JSON）并创建适当的模板（来呈现它）