我想向我的博主展示随机帖子。
我从谷歌搜索得到了一个 javascript 并尝试了它，但是随机帖子的数量不正确（应该是 10，但有时是 4，有时是 2，等等）。我尝试检查发生了什么，发现 json.feed.entry [500] 抛出错误。
这是我使用的 JavaScript
<script type="text/javascript">
function randomposts(json) {
var randarray = new Array();
var l=0;
var flag;
var numofpost=10;
var total = parseInt(json.feed.openSearch$totalResults.$t,10);
for(var i=0;i < numofpost;) {
flag=0;
randarray.length=numofpost;
l=Math.floor(Math.random()*total);
for(j in randarray){
if(l==randarray[j]){
flag=1;}
}
if(flag==0&&l!=0){
randarray[i++]=l;
}
}
// correct output
// alert(randarray);
document.write('<ul>');
// dummy for testing 500 limit
//for (var x = 0; x < numofpost; x++) {
// randarray[x]= 495 + x;
//}
for(var n in randarray){
var p=randarray[n];
var entry=json.feed.entry[p-1];
var posttitle = entry.title.$t;
for(var k=0; k < entry.link.length; k++){
if(entry.link[k].rel=='alternate'){
document.write('<li> ' + posttitle.link(entry.link[k].href) + '</li>');
}
}
}
document.write('</ul>');
}
</script>
<script src="/feeds/posts/default?alt=json-in-script&start-index=1&max-results=1000&callback=randomposts" type="text/javascript"></script>
目前我设置var total = 500;因此随机仅适用于前 500 个帖子。
如何解决这个问题？
UPDATE:我添加了 try catch 块，错误是类型错误：无法读取未定义的属性“标题”
UPDATE 2:
The following picture is snapshot of console. The json.feed.entry 500 is undefined.
因此，随机索引处的 feed 条目似乎为空，在这种情况下添加另一个条件以确保随机索引中的每个条目不为空。
Replace:
if(flag==0&&l!=0){
with:
if(flag==0&&l!=0&&json.feed.entry[l-1]!=null){
randarray[i++]=l;
}
我希望这能解决你的问题。
Regards,
PP
编辑： 然后你可以调用 feed url 两次，这是实现此目的的快速但肮脏的方法：
<script type="text/javascript">
var a=0;
var b=0;
var entries = new Array();
function randomposts(json) {
for (var i in json.feed.entry) {
var entry = json.feed.entry[i];
if (entry != null) {
entries[b++] = entry;
}
}
a++;
if (a < 2) return;
var randarray = new Array();
var l=0;
var flag;
var numofpost=10;
var total = entries.length;
for(var i=0;i < numofpost;) {
flag=0;
randarray.length=numofpost;
l=Math.floor(Math.random()*total);
for(j in randarray){
if(l==randarray[j]){
flag=1;}
}
if(flag==0&&l!=0){
randarray[i++]=l;
//alert(l);
}
}
// correct output
// alert(randarray);
document.write('<ul>');
// dummy for testing 500 limit
//for (var x = 0; x < numofpost; x++) {
// randarray[x]= 495 + x;
//}
for(var n in randarray){
var p=randarray[n];
var entry=entries[p-1];
var posttitle = entry.title.$t;
for(var k=0; k < entry.link.length; k++){
if(entry.link[k].rel=='alternate'){
document.write('<li> ' + posttitle.link(entry.link[k].href) + '</li>');
}
}
}
document.write('</ul>');
}
</script>
<script src="/feeds/posts/default?alt=json-in-script&start-index=1&max-results=500&callback=randomposts" type="text/javascript"></script>
<script src="/feeds/posts/default?alt=json-in-script&start-index=501&max-results=500&callback=randomposts" type="text/javascript"></script>