Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/88.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何使用JQuery Ajax REST从flickr flickr.test.echo方法发送和检索数据?_Javascript_Jquery_Ajax_Rest_Flickr - Fatal编程技术网

Javascript 如何使用JQuery Ajax REST从flickr flickr.test.echo方法发送和检索数据?

Javascript 如何使用JQuery Ajax REST从flickr flickr.test.echo方法发送和检索数据?,javascript,jquery,ajax,rest,flickr,Javascript,Jquery,Ajax,Rest,Flickr,我想使用rest(jQueryAjax——因为我使用的就是这个)显示flickr.test.echo在页面上的响应 我需要提供一个api_密钥 REST端点URL为 要请求flickr.test.echo服务,请如下调用: 默认情况下,REST请求将发送REST响应 要以REST格式返回响应,请在请求中发送一个值为“REST”的参数“format”。使用REST请求方法时,响应默认为REST 方法调用将返回以下结果: [此处为xml有效负载] 如果发生错误,将返回以下信息: 我从这里

我想使用rest(jQueryAjax——因为我使用的就是这个)显示flickr.test.echo在页面上的响应

我需要提供一个api_密钥


REST端点URL为

要请求flickr.test.echo服务,请如下调用:

默认情况下,REST请求将发送REST响应

要以REST格式返回响应,请在请求中发送一个值为“REST”的参数“format”。使用REST请求方法时,响应默认为REST

方法调用将返回以下结果:

[此处为xml有效负载]

如果发生错误,将返回以下信息:

我从这里得到的


这是我感兴趣的方法


请帮助。

我不确定如何使用Ajax检索他们的数据,因为Ajax不能跨域工作

你看过他们的$.getJSON演示吗?

它允许您指定回调,并在自动生成的函数中返回包装为参数的json。它也可以跨域工作。

使用API和
jQuery.getJSON
就像sktrdie建议的那样-只需记住将
callback=?
附加到url以将其封装

从文档中:

$.getJSON(“http://api.flickr.com/services/feeds/photos_public.gnetags=cat&tagmode=any&format=json&callback=?",
功能(数据){
$.each(data.items,function(i,item){

$(“我只需要使用,简单多了!)

你到底有什么问题?你不能为$.ajax调用提供API键?有点太旧了,但是jsop和json是一样的。唯一的问题是jsonp在函数中返回json的值,让交叉浏览器策略工作。但是在这两种情况下都是ajax调用,实际上jsonp的工作方式与ajax调用非常相似,(具有讽刺意味的是,虽然ajax的命名是因为xml——jsonp使用相同的方法),但基本上他的问题是正确的。
$.getJSON("http://api.flickr.com/services/feeds/photos_public.gnetags=cat&tagmode=any&format=json&callback=?",
    function(data){
      $.each(data.items, function(i,item){
        $("<img/>").attr("src", item.media.m).appendTo("#images");
        if ( i == 4 ) return false;
      });
    });