добавление данных JSON к различным элементам

Question

добавление данных JSON к различным элементам

0

Мне нужно использовать оператор switch для создания разметки на основе полученного фида. Хотя я могу получить данные, мне интересно, правильно ли использовать два $(data.value.items).each(function (index, item) { чтобы добавить заголовки каналов в поле выбора, а также неупорядочить Любой лучший способ сделать то же самое?

$.ajax({
    url: "http://www.zzz.com/text.json",
    dataType: 'json',
    success: function (data) {
      item_html = parseData(feedformat, data)
      var nextarea = $this.next('.area');
      nextarea.append(item_html).slideDown();
    },
    error: function () { 
      area.html('fail'); }
});

function parseData(type, data) {
    var item_html ='';
    switch(type) {
        case 'thisfeed':
            item_html +='<select>';

            $(data.value.items).each(function (index, item) { 
                item_html += '<option>'+item.title+'</option>'; 
            });

            item_html += '</select>';
            item_html += '<ul>';

            $(data.value.items).each(function (index, item) {
                item_html += '<li>'+item.title+'</li>
            });

            item_html += '</ul>';
            break;
       }
     return item_html;   
    }

RedGiant 29 апр. 2014, в 22:42

Источник

0

на первый взгляд, пожалуйста, заключите ваш url Ajax в quotes ''
Amit Soni 29 апр. 2014, в 19:51
0

три ура за дыры XSS! более серьезно, подумайте об использовании минимального языка шаблонов (например, усов) для создания разметки - если item.title генерируется пользователем, вы действительно действительно хотите избежать этого должным образом.
candu 29 апр. 2014, в 20:20
0

@ Candu - Как получить данные с помощью AJAX дыру XSS? Я понимаю, что если данные не будут проверены на стороне сервера, когда они поступят, это будет, но пример не показывает, что только код на стороне клиента, который не представляет риска.
adeneo 29 апр. 2014, в 20:26
0

@candu - скажите, пожалуйста, каковы риски, связанные с кодом?
RedGiant 29 апр. 2014, в 20:29
0

@ user35295 - если item.title из пользовательского контента, злоумышленник может ввести заголовки, такие как <script>alert(document.cookie);</script> . это позволяет злоумышленнику выполнять произвольный JavaScript всякий раз, когда другие пользователи просматривают этот контент: en.wikipedia.org/wiki/Cross-site_scripting @adeneo - это общий вектор для дыр XSS, даже если написанный код не содержит строго и я подумал, что стоит упомянуть о том, что ОП еще не видел их.
candu 29 апр. 2014, в 21:52
0

@candu - достаточно справедливо, но здесь это действительно не имеет значения, поскольку мы не знаем, что делает OP на стороне сервера, и правильное место для проверки данных будет, когда оно поступит, а не когда оно будет получено с помощью ajax позже время и выходные данные, в то время как данные должны быть чистыми, и исходя из логики, что это может быть дыра в XSS, вы должны будете публиковать это предупреждение по каждому вопросу, который имеет какое-либо отношение к ajax.
adeneo 29 апр. 2014, в 22:10
0

@candu Хорошо, я приму ваш совет. Я получаю каналы с некоторых новостных сайтов и использую атрибуты данных для получения URL канала.
RedGiant 30 апр. 2014, в 05:18

Показать ещё 5 комментариев

Теги:

javascript

jquery

json

1 ответ

Ещё вопросы

на первый взгляд, пожалуйста, заключите ваш url Ajax в quotes ''
три ура за дыры XSS! более серьезно, подумайте об использовании минимального языка шаблонов (например, усов) для создания разметки - если item.title генерируется пользователем, вы действительно действительно хотите избежать этого должным образом.
@ Candu - Как получить данные с помощью AJAX дыру XSS? Я понимаю, что если данные не будут проверены на стороне сервера, когда они поступят, это будет, но пример не показывает, что только код на стороне клиента, который не представляет риска.
@candu - скажите, пожалуйста, каковы риски, связанные с кодом?
@ user35295 - если item.title из пользовательского контента, злоумышленник может ввести заголовки, такие как <script>alert(document.cookie);</script> . это позволяет злоумышленнику выполнять произвольный JavaScript всякий раз, когда другие пользователи просматривают этот контент: en.wikipedia.org/wiki/Cross-site_scripting @adeneo - это общий вектор для дыр XSS, даже если написанный код не содержит строго и я подумал, что стоит упомянуть о том, что ОП еще не видел их.
@candu - достаточно справедливо, но здесь это действительно не имеет значения, поскольку мы не знаем, что делает OP на стороне сервера, и правильное место для проверки данных будет, когда оно поступит, а не когда оно будет получено с помощью ajax позже время и выходные данные, в то время как данные должны быть чистыми, и исходя из логики, что это может быть дыра в XSS, вы должны будете публиковать это предупреждение по каждому вопросу, который имеет какое-либо отношение к ajax.
@candu Хорошо, я приму ваш совет. Я получаю каналы с некоторых новостных сайтов и использую атрибуты данных для получения URL канала.

adeneo · Accepted Answer · 2014-04-29T18-02-00.000Z

Вы могли бы просто сделать оба в одном цикле, что-то вроде этого

$.ajax({
    url      : 'http://www.zzz.com/text.json',
    dataType : 'json',
    success  : function (data) {
        var item_html = parseData(feedformat, data)
        var nextarea  = $this.next('.area');
        nextarea.append(item_html).slideDown();
    },
    error: function () { 
        area.html('fail'); 
    }
});

function parseData(type, data) {
    switch(type) {
        case 'thisfeed':
            var select = $('<select />'),
                ul     = $('<ul />');

            $(data.value.items).each(function (index, item) { 
                var option = $('<option />', {text : item.title}),
                    li     = $('<li />', {text : '.......'});

                select.append(option);
                ul.append(li);
            });
       }
    }
    return select.add(ul);
}