ReactJS:如何解析从REST API发送的文件响应并显示它们
ReactJS: How to parse response of files sent from REST API and display them?
使用ReactJS,我有一个GET请求与fetch方法一起工作,REST API用几个文件响应。他们怎么被送到我这里来?
意思是,它可以用response.json()解析,以便它可以显示为来自REST API的实际文件,也可以下载到本地驱动器?
下面是发出GET请求的方法:
sendFileRequest() {
...
return dispatch => {
dispatch({
type: 'FETCH_API'
});
return fetch('http://11.22.33.44:8080/receive/files', getRequest)
.then(response => response.json()) //Could I do .json() with files being the response?
.then(APIfiles => {
//How can I parse the files returned and display them for download to local drive?
})
}
fetch({}).then(res => res.json())
或fetch({}).then(res => res.text())
,这取决于您的回复的内容类型。
如果你的contentType是application/json
,你应该使用res.json()
,
如果你的contentType是text/plain
,你应该使用res.text()
。
你可以在这里查看文档。
由于您的服务器只是返回一个文件,我认为您应该使用res.text()
.
您需要与负责开发API的人员检查可能的响应内容类型。
你需要知道的是REST并不固定于JSON。这都是关于资源的,因此,您可以接收XML、纯文本、文件等。
相关文章:
- 显示IIS上javascript文件(SOAP请求)的XML响应
- 由多个图像文件组成的响应地图
- httpBackend模拟json文件响应
- 在AJAX成功响应中执行Javascript代码(在单独的文件中)
- 为什么XMLHttpRequest响应的长度和请求文件的大小不同
- 通过 AJAX 调用 PHP 文件,将 $_GET 变量传递到 MySQL 查询中,然后回显到响应中
- 获取从 .post() 到 PHP 文件的响应,但只能在 MVC 中获取
- 将响应另存为文件
- 设置跨域文件上传的响应标头和请求标头
- 使用JS限制响应式FileManager文件夹
- 此 Ajax 请求未响应相应的 JSON 文件
- AJAX响应提供了一个损坏的压缩(.tgz)文件
- 在文件上传器POST响应中获取额外引号
- JSON响应一直未定义(ajax文件上传)
- 使用ajax响应下载一个zip文件
- 响应式文件管理器 9 在 TinyMCE 4 中打开空白对话框
- 文件删除 JSON 响应
- 在响应文件下载时重新启用表单提交按钮
- 如何在响应文件管理器插件与TinyMCE编辑器中的子文件夹中获取文件
- 将AJAX响应文件显示到视图中