本文小编为大家详细介绍“怎么从Flickr JSONP API中加载最近的图片”,内容详细,步骤清晰,细节处理妥当,希望这篇“怎么从Flickr JSONP API中加载最近的图片”文章能帮助大家解决疑惑,下面跟着小编的思路慢慢深入,一起来学习新知识吧。
Deprecation Notice(弃用通知)
jQuery 1.5中引进的 jqXHR.success(),jqXHR.error(),jqXHR.complete()回调方法在jQuery 1.8中废弃。你的代码因做好准备,他们最终将被移除,使用jqXHR.done(), jqXHR.fail(), 和 jqXHR.always()代替。
Additional Notes:(其他注意事项:)
由于浏览器的安全限制,大多数“Ajax”的要求,均采用同一起源的政策 ;即无法从不同的域,子域或协议中正确接收数据。
Script和JSONP形式请求不受同源策略的限制。
例子:
Example: 从 Flickr JSONP API中加载最近的四张标签为猫的图片:
<!DOCTYPE html>
<html>
<head>
<style>img{ height: 100px; float: left; }</style>
<script src="https://code.jquery.com/jquery-latest.js"></script>
</head>
<body>
<div id="images">
</div>
<script>
$.getJSON("http://api.flickr.com/services/feeds/photos_public.gne?jsoncallback=?",
{
tags: "mount rainier",
tagmode: "any",
format: "json"
},
function(data) {
$.each(data.items, function(i,item){
$("<img/>").attr("src", item.media.m).appendTo("#images");
if ( i == 3 ) return false;
});
});</script>
</body>
</html>
Example: 通过test.js加载这个JSON数据,并使用返回的JSON数据中的 name值:
1
$.getJSON("test.js", function(json) {
alert("JSON Data: " + json.users[3].name);
});
Example: 通过额外的Key/value参数从test.js加载这个JSON数据,并使用返回的JSON数据中的 name值:.
$.getJSON("test.js", { name: "John", time: "2pm" }, function(json) {
alert("JSON Data: " + json.users[3].name);
});
读到这里,这篇“怎么从Flickr JSONP API中加载最近的图片”文章已经介绍完毕,想要掌握这篇文章的知识点还需要大家自己动手实践使用过才能领会,如果想了解更多相关内容的文章,欢迎关注亿速云行业资讯频道。
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。