使用jQuery嵌套JSON获取

时间:2013-09-16 09:02:17

标签: javascript jquery json

我正在尝试从Yammer创建RSS Feed类型的消息显示。

<script type="text/javascript">
    var cleanit = null;
    $(document).ready(function(){ cleanit = setInterval('callYammer()', 50);});
    function callYammer(){ 
        clearInterval(cleanit);
        $.getJSON("./yammer.feed?request=messages",function(json) {
            var objYammer = $("#yammerFeed");
            objYammer.html('');
            $.each(json.messages, function(i, m) {
                if(!m.replied_to_id && m.body.plain){
                    var data = "<li>" + m.body.plain;
                    $.getJSON("./yammer.feed?request=users&userid="+m.sender_id,function(jsonUser) {
                        //alert(jsonUser.full_name);
                        data = data + " - "+jsonUser.full_name;
                    });
                    data = data + "</li>";
                    objYammer.append(data);
                }
            });
        });
        return false;
    }
</script>

我想显示Message及其用户名。 但最后,从firebug调试器,我看到内部JSON数据没有像我预期的那样被追加。 虽然呼叫正在呼叫,而数据来自呼叫,

  

data =“ - ”+ jsonUser.full_name;

在为用户进行所有JSON调用之后,

正在执行。

如何将内部JSON调用的Username附加到主JSON数据?

1 个答案:

答案 0 :(得分:1)

你打电话

data = data + "</li>";
objYammer.append(data);

在内部getJSON AJAX调用之后的代码中,但这可能导致这些行在AJAX请求完成之前执行。将代码放入内部AJAX成功函数中,以确保仅在结果可用后才触发它。

function callYammer(){ 
    clearInterval(cleanit);
    $.getJSON("./yammer.feed?request=messages",function(json) {
        var objYammer = $("#yammerFeed");
        objYammer.html('');
        $.each(json.messages, function(i, m) {
            if(!m.replied_to_id && m.body.plain){
                var data = "<li>" + m.body.plain;
                $.getJSON("./yammer.feed?request=users&userid="+m.sender_id,function(jsonUser) {
                    console.log('1:'+jsonUser.full_name);
                    data += " - "+jsonUser.full_name + "</li>";
                    objYammer.append(data);
                    console.log('2:'+data);
                });
            }
        });
    });

编辑:

刚刚添加了console.log()语句。他们回来了什么?