0

我有这段代码可以使用 getJSON 获取随机文本链接。它一次拾取一个随机项目。我想知道如何拿起不止一件不同的物品并将它们展示在#randomkeyword. 我能想到的只是设置两次脚本，但我认为它可能有机会拿起相同的项目，有没有办法做到这一点？

jQuery.getJSON('random.json', function(data) { //Ajax call

var item = data.link[Math.floor(Math.random()*data.link.length)]; 

jQuery('<a title="' + item.des + '" href="http://' + item.url + '">'+ item.title +'</a>').appendTo

('#randomkeyword');

});

JSON文件：

{"link":[{"title":"XXXX","url":"google.com","des":"light"},{"title":"CCCCCCC","url":"yahoo.com","des":"dark"},{"title":"DDDDDDDD","url":"song.com","des":"light"},{"title":"CCCCCCCCCCCCCCC","url":"googlemap.com","des":"normal"},{"title":"RRRRRRRRRRRRRRR","url":"fun.com","des":"halo"}]}
4

3 回答 3

1

为避免重复，您可以“随机播放”列表，然后从头开始循环。

于 2014-02-19T16:43:03.207 回答
0

您可以检查第二项是否与第一项相同。如果是这样，您可以选择其他随机项目。

jQuery.getJSON('random.json', function(data) { //Ajax call

var item = data.link[Math.floor(Math.random()*data.link.length)];
var item2=item;//set second item same as first item to access the while loop

while(item==item2){
   item2 = data.link[Math.floor(Math.random()*data.link.length)];
}

jQuery('<a title="' + item.des + '" href="http://' + item.url + '">'+ item.title +'</a>').appendTo

('#randomkeyword');

});
//do the same for item2
于 2014-02-19T16:51:57.463 回答
0

因此，我认为您可以存储该列表，然后只需按需要多次迭代它，然后在进行中splice删除选定的列表（以避免重复），然后在结果数组中的每个元素上运行 jQuery。请注意，这确实会修改返回的数组，因此如果您需要完整的副本，请先复制它。

例如：

var data = ['one', 'two', 'three'];
var numOfLinks = 2;
var result = [];
for(i = 0; i < numOfLinks; i++) {
    var index = Math.floor(Math.random()*data.length);
    var link = data[index];
    data.splice(index,1);
    result.push(link);
}
// iterate over result, doing your jQuery function over each element
于 2014-02-19T16:51:59.020 回答