1

我已经从我的网络服务返回了这个 JSON 数据。

我怎样才能遍历每一行并附加到一个<ul>？

我有下面的代码，但它似乎并不完全有效。谢谢。

<script type="text/javascript">
        $(document).ready(function() {
            $('a#pop-video-link').click( function(e){
                // window.alert("test");
                var htm = "";
                // htm = $('ul.ad-thumb-list').html(htm);
                $("ul.ad-thumb-list li").remove();
                e.preventDefault();
                var src = $(this).attr('title');
                getResults(src);

             function getResults(str) {
               $.ajax({
                        type: "POST",
                        async: false,
                        contentType: "application/x-www-form-urlencoded",
                        dataType: "json",
                        data: 'data=' + str,
                        url: '/base/MyApi/MyPostFunction',
                        success: function(data){
                        var myData = JSON.parse(jsonString2);
                        var $grouplist = $('#groups');
                         $.each(myData, function() {
                          $('<li><a href="'+ this.url +'"/><img src="'+ this.src + '" class="image0"/></li>').appendTo($grouplist);
                         });
                        }
               });
                      }
             });
            }); 
             </script>

尝试解析的 JSON 数据：

<value>[{"url":"/media/22.jpg","src":"/media/429.jpg"},{"url":"/media/44.jpg","src":"/media/55.jpg"},{"url":"/media/22.jpg","src":"/media/33.jpg"}]</value>
4

2 回答 2

1

你有single dimensional array of objects so data[0].id would have id第一个对象，你还需要在它上面使用长度而不是计数。

for (var i = 0; i < data.length; i++) {
         var n = data[i];
         $('ul.ad-thumb-list').append('<li><a href="'+n.url+'"/><img src="'n.src+'" class="image0"/></li>');
}
于 2012-11-21T17:32:40.770 回答
0

You can iterate through all your objects from data[0] with $.each

$.each(data[0], function(key, val) {
   $('<li><a href="'+ key +'"/><img src="'+ val +'" class="image0"/></li>')
        .appendTo('ul.ad-thumb-list');
});

see if this solves your problem.

于 2012-11-21T17:44:58.113 回答