怎么从Flickr JSONP API中加载最近的图片
本文小编为大家详细介绍“怎么从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 class="lazy" data-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("class="lazy" data-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中加载最近的图片”文章已经介绍完毕,想要掌握这篇文章的知识点还需要大家自己动手实践使用过才能领会,如果想了解更多相关内容的文章,欢迎关注编程网行业资讯频道。
免责声明:
① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的,并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据,供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。
② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341