Javascript 在对象上循环并附加到容器

在jQuery中，如何获取每个In数据的“itemName”并将其附加到posts容器中

所以我会有这样的html

标题：哇，刚刚看到这个

标题：测试

等等

谢谢

Json

剧本

<script type="text/javascript">
$(document).ready(function(){

    $.ajax({
        type: 'get',
        url: 'http://do.com/api/id/123',
        dataType: 'json',
        data: '',
        success: function(r){
            $('#waiting').hide(500);
            var output = '';

            //loop here and add append I assume?



            jQuery('#posts-container').append(output);
        },
        error: function(XMLHttpRequest, textStatus, errorThrown){

        }
    });

    return false;
});

$（文档）.ready（函数（）{
$.ajax({
键入：“get”，
网址：'http://do.com/api/id/123',
数据类型：“json”，
数据：“”，
成功：功能（r）{
$（'等待'）.hide（500）；
var输出=“”；
//在这里循环并添加我假设的附加？
jQuery（“#posts container”）.append（输出）；
},
错误：函数（XMLHttpRequest、textStatus、errorshown）{
}
});
返回false；
});

---

你可以从这里检查它是否给出了未定义的，这样你就不会得到你写的格式的数据。我想这应该是另一种形式。。因为它与JSFIDLE一起工作。我添加了链接，你可以检查它应该工作。如果不是，你能说什么问题吗？你在哪里没有定义？

<script type="text/javascript">
$(document).ready(function(){

    $.ajax({
        type: 'get',
        url: 'http://do.com/api/id/123',
        dataType: 'json',
        data: '',
        success: function(r){
            $('#waiting').hide(500);
            var output = '';

            //loop here and add append I assume?



            jQuery('#posts-container').append(output);
        },
        error: function(XMLHttpRequest, textStatus, errorThrown){

        }
    });

    return false;
});

$.each(r.DATA,function(key,value){
    alert(value.itemName)
    alert(value.itemID)
    .
    .
})