Усы JS шаблон с коллекцией JSON
Привет, это моя первая попытка использовать MustacheJS с веб-сервисом JSON в .net
В настоящее время я изо всех сил, кажется, не могу понять, что я делаю неправильно, устанавливая этот базовый пример:
Мой веб-сервис получает следующую строку:
[
{
"ShortDescription":"BOX",
"Description":"BOXING",
"Id":1
},
{
"ShortDescription":"EPL",
"Description":"ENGLISH PREMIER LEAGUE",
"Id":2
}
]
Я проверил его синтаксис на этом сайте:http://json.parser.online.fr/
и вот код HTML, который я использую:
google.load("jquery", "1");
google.setOnLoadCallback(function () {
$(document).ready(
function () {
$.ajax({
url: "../data.asmx/geteagues",
type: "POST",
dataType: "json",
data: "",
contentType: "application/json; charset=utf-8",
success: function (data) {
var template = "<h1>{{ShortDescription}} {{Description}}</h1>";
var html = Mustache.render(template, data);
$('#sampleArea').html(html);
alert(html);
}
})
}
)
});
Я публикую весь код JS, поскольку я не очень хорошо разбираюсь в javascript, в основном я хочу всегда загружать последнюю версию JQuery из google и затем обрабатывать мой вызов WS.
Проблема до сих пор в том, что когда я ставлю точку останова в следующей строке:
var html = Mustache.render(template, data);
Я вижу, что шаблон настроен нормально, так же как и данные, то же значение, которое я разместил выше, но функция .render возвращает:
Мне кажется, данные не понравились.Пока что все примеры, которые я видел для встроенных данных, имеют следующую структуру:
{
"repo": [
{ "name": "resque" },
{ "name": "hub" },
{ "name": "rip" },
]
}
И тогда шаблон определяется так:
{{#repo}}
<b>{{name}}</b>
{{/repo}}
Но единственное отличие этого от моих данных состоит в том, что у меня нет «родителя». как & quot; репо & quot;
На стороне сервера я использую библиотеку .net с именем JSON.net и в документации о том, как сериализуются коллекции:
james.newtonking.com/projects/json/help/html/SerializingCollections.htm
окончательный результат не включает в себя имя родительского узла, которое, как мне кажется, отсутствует в моем определении шаблона усов:
[
{
"Name": "Product 1",
"ExpiryDate": "2000-12-29T00:00Z",
"Price": 99.95,
"Sizes": null
},
{
"Name": "Product 2",
"ExpiryDate": "2009-07-31T00:00Z",
"Price": 12.50,
"Sizes": null
}
]
Это то, что мне не хватает? «репо» родительский узел из моих данных, чтобы я мог повторить мой шаблон?
Спасибо заранее за ваше время.
-ed