欢迎光临
我们一直在努力

怎么从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 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中加载最近的图片”文章已经介绍完毕,想要掌握这篇文章的知识点还需要大家自己动手实践使用过才能领会,如果想了解更多相关内容的文章,欢迎关注云搜网行业资讯频道。

赞(0)
【声明】:本博客不参与任何交易,也非中介,仅记录个人感兴趣的主机测评结果和优惠活动,内容均不作直接、间接、法定、约定的保证。访问本博客请务必遵守有关互联网的相关法律、规定与规则。一旦您访问本博客,即表示您已经知晓并接受了此声明通告。