Не в состоянии перечислить по разделам в объекте с JSONP и Усы шаблонами JavaScript - PullRequest
Новая
       12

Не в состоянии перечислить по разделам в объекте с JSONP и Усы шаблонами JavaScript

0 голосов
/ 13 января 2012

Я пытаюсь перечислить и построить следующую скрипку с Mustache.js: 

$(function () {
    var choices = { "users": [
        {    "first_name": "Ryan",
            "last_name": "Pays",
            "pic_square": "/Global/profile/thumb/placeholder.jpg",
            "product_name": "Merlin - the complete box set",
            "product_picture": "/Global/products/full/box-set.jpg"
        },
        {    "first_name": "Eric",
            "last_name": "Li Koo",
            "pic_square": "/Global/profile/thumb/placeholder.jpg",
            "product_name": "Merlin - Series 4 volume 1",
            "product_picture": "/Global/products/full/box-set.jpg"
        },
        {    "first_name": "Abdul",
            "last_name": "Raouf",
            "pic_square": "/Global/profile/thumb/placeholder.jpg",    
            "product_name": "Merlin - the complete box set",
            "product_picture": "/Global/products/full/box-set.jpg"
        }]
    };
    $.getJSON("http://jsfiddle.net/echo/jsonp/?callback=?", choices, function (data) {
        console.log(data);
        var template = "<ul>{{#users}}" +
                        "<li>" +
            "<p><strong>{{first_name}} {{last_name}}</strong> likes {{product_name}}</p>" +
                        "</li>" +
                        "{{/users}}</ul>",
            html = Mustache.to_html(template, data);
        $('.wrapper').html(html);
    });
});

Пример здесь -> http://jsfiddle.net/mhMJA/3/

Он правильно регистрирует ответ JSON на консоль, нокажется, что не удается построить шаблон.Если я просто передаю одного пользователя в обратный вызов JSONP, он работает нормально.

Заранее спасибо.

1 Ответ

2 голосов
/ 14 января 2012

Это не твоя вина. Это jsfiddle помогает вам конвертировать ваш объект JSON в следующий формат. 

{"users[0][first_name]":"Ryan","users[1][first_name]":"Eric","users[2][first_name]":"Abdul","users[2][product_picture]":"/Global/products/full/box-set.jpg","users[1][product_picture]":"/Global/products/full/box-set.jpg","users[1][pic_square]":"/Global/profile/thumb/placeholder.jpg","users[1][product_name]":"Merlin - Series 4 volume 1","users[0][last_name]":"Pays","users[0][product_picture]":"/Global/products/full/box-set.jpg","users[1][last_name]":"Li Koo","users[0][product_name]":"Merlin - the complete box set","users[0][pic_square]":"/Global/profile/thumb/placeholder.jpg","users[2][last_name]":"Raouf","users[2][pic_square]":"/Global/profile/thumb/placeholder.jpg","users[2][product_name]":"Merlin - the complete box set","_":"1326530878282"}

Я предлагаю вам написать собственное приложение JSONP, чтобы избежать этой проблемы. Здесь - я использовал JSON2 , чтобы получить объект JSON.

...