gpt4 book ai didi

JavaScript Json Jquery 基础知识

转载 作者:行者123 更新时间:2023-12-02 18:28:57 25 4
gpt4 key购买 nike

今天,我学习了Json的基础知识以及通过Jquery进行解析。我知道我的问题是徒劳的,但我被困住了,无法摆脱。

下面的代码不起作用......但我想我做的一切都很好

<html>
<head>
<div id="placeholder"></div>
<script src="http://code.jquery.com/jquery-1.7.1.min.js"></script>

<script>
$(document).ready(function(){

$.getJSON("http://api.flickr.com/services/rest/?method=flickr.photos.search&api_key=2d34860785184c2e3458de2bc437ecfc&tags=rose&format=json&nojsoncallback=1&api_sig=b7303e1d0d8a9fbb1159404ca7927e98",function(data){
var output="<ul>";
for (var i in data.photos) {
output+="<li>" + data.photos.photo[i].id+"</li>";


if (i === 3){
return false;
}
}
output+="</ul>";

document.getElementById("placeholder").innerHTML=output;
})
})
</script>
</head>

<body>


</body>

</html>

最佳答案

您的 JSON 索引有误,您需要进行以下更改。

演示:http://jsfiddle.net/ALJkV/

$(document).ready(function () {

$.getJSON("http://api.flickr.com/services/rest/?method=flickr.photos.search&api_key=2d34860785184c2e3458de2bc437ecfc&tags=rose&format=json&nojsoncallback=1&api_sig=b7303e1d0d8a9fbb1159404ca7927e98", function (data) {
var output = "<ul>";
for (var i in data.photos.photo) { // The photo index is what you need;

// If you want to skip 3
if (i == 3) continue;
// Or if you want to stop at 3
if(i == 3) break;

output += "<li>" + data.photos.photo[i].id + "</li>";
}
output += "</ul>";

document.getElementById("placeholder").innerHTML = output;
});
});

继续:https://developer.mozilla.org/en...

关于JavaScript Json Jquery 基础知识,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18033119/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com