Усы 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

Ответы на вопрос(3)

Ваш ответ на вопрос