Flickr public api 在反应中使用 jsonp

Question

我正在尝试使用 jsonp 请求在 Flickr public api 中显示图像。我不断遇到不同的问题，不知道如何进行这项工作。我也在使用 Codepen，但出现 "Uncaught ReferenceError: jsonFlickrFeed is not defined" 之类的错误。我看过工作示例，但我是 jsonp 的新手，所以真的不知道如何将其与 react

集成

Full code is here

getItems() {
   $.ajax({
      url: 'https://api.flickr.com/services/feeds/photos_public.gne',
      dataType: 'jsonp',
      data: {
         "tags": this.state.search,
         "format": "json"
      }
   })
}

Answer 1

已修复codepen link。

解决此问题的步骤：

按照建议，将 nojsoncallback=1 参数添加到 API URL 接收纯 json 对象。
移除 dataType:jsonp 属性 from ajax settings not to get MIME type error, because we no more 接收 JSONP 响应。
把你的回调函数放在.done() 方法
如果你在codepen上预览代码，你会得到一个CORS错误。运行您在本地环境中的代码或安装 CORS 浏览器插件以消除此错误。

Flickr public api 在反应中使用 jsonp

Flickr public api using jsonp in react

jsonp

flickr

reactjs

codepen