如何在 JQuery 中创建 JSON 数组？

Question

我想创建一个这样的 JSON 数组：

var ddBasic = [
    { text: "Facebook", value: 1, },
    { text: "Twitter", value: 2, },
    { text: "LinkedIn", value: 3, },
    { text: "Foursquare", value: 4, }
];

我使用的是 last.fm 中的数据，所以应该是这样的：

var tags = [
        { text: "rock", value: "rock", },
        { text: "pop", value: "pop", },
    ];

它需要在末尾有一个逗号，因此ddslick 下拉功能会忽略 imageSrc 和其他可用于下拉的内容，否则会引发此错误：

Uncaught TypeError: Cannot read property 'imageSrc' of undefined

为了将所有内容联系在一起，我有：

$('#tag').ddslick({
    data: tags,
    onSelected: function(selectedData) {}   
});

这是获取标签的函数：

var tags = [];

var getTopTracks = function () {
    $.getJSON(
    settings.PHP_REQUEST_URL, {
        method: "tag.getTopTags",
        api_key: settings.LASTFM_APIKEY,
        format: "json",
    },

    function (data) {
        var limit = 50;

        data.toptags.tag.sort(function (t1, t2) {
            return t2.count - t1.count;
        });

        $.each(data.toptags.tag, function (i, item) {
            if (i > limit) return false;
            console.log(item.name);
            tags.push({
                text: item.name,
                value: item.name
            });
        });
    });
};

// event handlers (load quando o form é invocado só)
getTopTracks();
alert(tags.length);

// define tema para a combobox   
$('#tag').ddslick({
    data: tags,
    onSelected: function (selectedData) {}
});

我怎样才能做到这一点？

Answer 1

var tags = []; //initialised tags with length 0
getTopTracks(); //fetching date in background (!)
alert(tags.length); //running while data is still fitched (unless you've a 0ping connection => alerting length 0

在您使用警报时，很可能tags 未填充，因为$.getJSON() 是一个异步 请求，这意味着该请求将在后台处理并继续执行脚本.您必须使用回调方法来填充数组。

This, getJSON, is a shorthand Ajax function, which is equivalent to:
$.ajax({   
   url: url,
   dataType: 'json',
   data: data,
   success: callback
});

http://api.jquery.com/jQuery.getJSON/

//getJSON success callback:
function (data) {
    var limit = 50;

    data.toptags.tag.sort(function (t1, t2) {
        return t2.count - t1.count;
    });

    $.each(data.toptags.tag, function (i, item) {
        if (i > limit) return false;
        console.log(item.name);
        tags.push({
            text: item.name,
            value: item.name
        });
    });
    //alert the length AFTER the tags been pushed
    alert(tags.length);

    // define tema para a combobox   
    $('#tag').ddslick({
        data: tags,
        onSelected: function (selectedData) {}
    });
}