reactjs - 在反应中使用 jsonp 的 Flickr 公共 api
问题描述
我正在尝试使用响应中的 jsonp 请求通过 Flickr 公共 api 显示图像。我不断遇到不同的问题,不知道如何使这项工作。我也在使用 Codepen,并且出现“未捕获的 ReferenceError:jsonFlickrFeed 未定义”之类的错误。我看过工作示例,但我是 jsonp 新手,所以真的不知道如何将它与 react 集成
getItems() {
$.ajax({
url: 'https://api.flickr.com/services/feeds/photos_public.gne',
dataType: 'jsonp',
data: {
"tags": this.state.search,
"format": "json"
}
})
}
解决方案
修复了 codepen 链接。
解决此问题的步骤:
- 正如这里所建议的,将
nojsoncallback=1
参数添加到 API URL 以接收纯 json 对象。 - 从 ajax 设置中删除
dataType:jsonp
属性不会出现 MIME 类型错误,因为我们不再收到 JSONP 响应。 将您的回调函数放入
.done()
方法中如果你在 codepen 上预览代码,你会得到一个 CORS 错误。在本地环境中运行代码或安装 CORS 浏览器插件以消除此错误。
推荐阅读
- flutter - chart_flutter :以千(K)、百万(M)为单位显示柱形图 Y 轴标签
- python - 如何从 Plotly 启动本地图表工作室实例
- tensorflow - 多头注意力层——什么是 Keras 中的 Warpper 多头层?
- session - 多用户会话管理
- typescript - 在 ScrollView react-native 上添加 useRef 类型
- sql - 错误消息 ORA-19279:尝试在 PL/SQL 中创建 XML 文件的视图时收到 XPTY0004。有两个同名的 XML 标签
- forms - 使用类和提供者修改用户数据(不使用 FireBase)
- google-analytics - 在 Google 跟踪代码管理器中创建多个自定义事件标签
- angular - 不结合独立的可观察对象是不好的做法吗?
- reactjs - 在 vs code 终端中安装镭包时如何解决此错误?谢谢