0

我有 3 个获取数据的 json 请求，我想存储结果并将它们加在一起？我已经尝试过了，但我得到了 NaN，因为它们被设置为 null。我究竟做错了什么？

var twitter, facebook, web, total_count;

    // grab from facebook
    var facebook = $.getJSON('https://graph.facebook.com/'+f_page+'?callback=?', function(data) {
        var fb_count = data['likes'].toString();
        fb_count = add_commas(fb_count);
        $('#fb_count').html(fb_count);
    });

    // grab from twitter
    var twitter = $.getJSON('http://api.twitter.com/1/users/show.json?screen_name='+t_page+'&callback=?', function(data) {
        twit_count = data['followers_count'].toString();
        twit_count = add_commas(twit_count);
        $('#twitter_count').html(twit_count);
    });

    // grab from website
    var web = $.getJSON('json.php', function(data) {
        web_count = data['count'].toString();
        web_count = add_commas(web_count);
        $('#website_count').html(web_count);
    });

    $.when(facebook, twitter, web).done( countTotal );

    function countTotal() {
        total_count = facebook + twitter + web;
        total_count = add_commas(total_count);
        $('#count_total').html(total_count);
    }
4

2 回答 2

3

您正在尝试访问异步加载的数据。这意味着当程序代码到达这一行时：

total_count = fb_count + twit_count + web_count;

数据还没有。

您需要等到数据准备好：

var fb_count, twit_count, web_count, total_count;

var first = $.getJSON( /* code1 */);
var second = $.getJSON( /* code2 */);
var third = $.getJSON( /* code3 */);

$.when(first, second, third).done( doYourMath );

function doYourMath() {
    total_count = fb_count + twit_count + web_count;
    total_count = add_commas(total_count);
    $('#count_total').html(total_count);
}

PS：
确保在某处将 total_count 定义为变量（var total_count），否则会污染全局范围。

于 2012-12-04T13:07:15.070 回答
0

您需要等到所有 ajax 调用返回值。只有在此之后，您才应该尝试添加数字。

于 2012-12-04T13:07:00.537 回答