后端返回的属性名称和后端的属性名称不一致的问题

最新推荐文章于 2022-02-17 22:28:40 发布
最新推荐文章于 2022-02-17 22:28:40 发布
阅读量504 收藏
点赞数
文章标签： 后端 前端 javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_46574898/article/details/122511134
版权

前端用 ajax 遍历返回的结果集并渲染在页面上，无法渲染出文件名，浏览器控制台、idea 控制台均不报错在这里插入图片描述
调试后发现 ajax 返回的结果集中文件名的属性名称为 fileName，但我后端返回的是 pdfName，这也太奇怪了
在这里插入图片描述
在这里插入图片描述
然后去找和这个模块相关的代码中哪里出现了 fileName，发现是这个 set 和 get 方法写错了
在这里插入图片描述
问题解决在这里插入图片描述

剁椒鱼头⁡⁢
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
SpringMVC后端返回数据到前端代码示例
08-19
主要介绍了SpringMVC后端返回数据到前端代码示例,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
前后端字段名不同，合并后台字段为一个字段。解决办法
qq_39779284的博客
09-11 2218
1，今天遇到一个问题，vue我用的组件，字段名应该是固定的，与后台传来的字段名不同，上网查了一下，可以这样写 that.list=JSON.parse(JSON.stringify(that.list ).replace(/phone/g, 'tel')) that.list：组件中的数组， phone：后台传来的字段名， tel：that.list中的字段名， 这样就可以解决 前后台...
SpringBoot开发，前后台数据交互时，两端的参数名要一致
qq_41915623的博客
04-13 789
SpringBoot开始时，前后台数据交互时，两端的参数名要一致。 例如： 后台： Long id; String name; 那么前端也要如此： Long id; String name;
wl-mapper：一个js对象映射类，尝试解决前后端分离大量字段名不对应问题
qq_15390381的博客
01-02 1178
wl-mapper 在前后端分离的开发环境下，前后端并行开始时势必会产生双方定义字段完全不统一的问题。 比较规范的公司会在代码开发前先进行前后端详细设计文档的编写和评审，但是一方面实行此流程的公司不多又繁琐，一方面后端也不保证写好文档后在后续的开发中就一定不再更改字段名。 在笔者的开发过程中此问题尤为突出： 1. 编写文档耗时耗力，且不为开发重视，敷衍了事 2. 开发周期实在太短，测试的时间都被优...
实现前后端数据键名不一致，数据交换
李@@的博客
06-28 753
实现前后端键名不一致的数据交换 //后台数据的模拟： let dataList = [ {id: '1', name: '小狗', age: 5}, {id: '2', name: '小羊', age: 8}, {id: '3', name: '小猪', age: 10}, {id: '4', name: '小牛', age: 12} ]; //前台数据的模拟： let myList = [ {m
vue——解决Element表格赋值时前后端字段定义不匹配问题
三月和九月的博客
02-17 2150
背景：前端使用element的table元素进行数据绑定时，后端传入的字段和表格中列对应的字段名不匹配，在不改变前端字段命名情况下，如何将前后端的字段进行映射。 以下面的表格形式举例：表格数据绑定在tableData <template> <el-table :data="tableData" style="width: 100%"> <el-table-column prop="date"
springboot后端解决跨域问题
08-26
今天小编就为大家分享一篇关于springboot后端解决跨域问题，小编觉得内容挺不错的，现在分享给大家，具有很好的参考价值，需要的朋友一起跟随小编来看看吧
vue前端模拟字典处理后端返回数据
04-18
有时候后端返回的数据字段可能是只有1或者2，这种code，没有返回对应的中文，但是前端又要显示中文，于是我就写了一个demo 可进行参考，只是主要处理就是用了js的一些语法，逻辑基本都是一样的，可以参考我这个demo...
vue解析后端返回的二维码图片数据流
01-07
问题场景： 后端返回图片数据流，打印结果是乱码，如下： Chrome浏览器的preview中可以看到二维码（图片），如下： 解析思路： 尝试用二进制大对象Blob解析，然后生成图片的URL，代码如下： // QRCode 为后端接口...
layUI实现前端分页和后端分页
10-16
主要为大家详细介绍了layUI实现前端分页和后端分页，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
Vue-axios-post数据后端接不到问题解决
10-15
主要介绍了Vue-axios-post数据后端接不到问题解决，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
java后端面试问题
07-25
java后端面试问题 包括java多线程 java基础知识 mysql 算法等等 内容全面
让AJAX不依赖后端接口实现方案
01-21
后端不可能短时间把所有的接口都写完，也不会为了前端测试而制造假的数据和接口，不仅耗费时间而且到了开发阶段返回的数据结构、接口名称也可能会有许多改动。那么后端 一边写接口一边给前端，这看起来不错。但在...
后端常用的配置和命令
01-20
总体包含后端开发的一些常用的开发和工具的使用和配置教程,以及一些常用的Linux使用命令
后端研究-基于VRML和JAVA的虚拟实验研究.pdf
06-25
后端研究-基于VRML和JAVA的虚拟实验研究.pdf
解决属性名和数据库字段名不一致的问题
qq_50883920的博客
10-05 723
1、问题 数据库中的字段 新建一个项目，拷贝之前的，测试实体类对象不一致的情况 public class User { private int id; private String name; private String password; } 测试出现问题 //select * from mybaties.user1 where id=#{id}; //类型处理器 //select id,name,pws from mybaties.user1 where id=#{id}
后端返回的数组属性名和前端设置的属性名不一致
qq_43654065的博客
02-09 1548
在项目中经常会遇到，后台返回的数组值是前端需要的值，但值的名称对应不上的问题。 使用map可以解决此类问题。 axios.get(url).then((res)=>{ const res = res.data this.list = res.map(function(item){ return({ id:item.uid, name:item.uname }) }) }) vue.js 解
springmvc前段字段和后台返回字段不一致报错
panbingcan272007258的专栏
10-07 1788
el.BeanELResolver$BeanProperties 解析不到CreateOn属性报错 把CreateOn改成和后台返回属性一致 问题变解决 类似的问题自由发挥             Apache Tomcat/9.0.0.M10 - Error report         H1 {font-family:Tahoma,Arial,sans-serif;co
iview table接口排序,视图数据跟接口返回数据顺序不一致问题
weixin_47239395的博客
03-15 959
table有一个@sort-change方法对表格进行排序的,把sortable:true就会出现排序按钮点击 ,调请求接口的方法,提交后自测发现一个问题,后端接口已经排好的顺序，在前端视图展示是另一个顺序跟接口不一致 分析问题: table-columns自身有一个排序方法 @sort-method，因为我们设置了sortable为true，所以他会在掉完table的方法之后 ，又调用@sort-method的方法又换了一次顺序 解决方法一: sortable='custom'
后端返回文件流 前端导出
最新发布
08-28
您好！对于后端返回文件流并由前端导出的需求，您可以按照以下步骤进行操作： 1. 后端传输文件流：在后端，您可以使用合适的编程语言和框架，将文件以流的形式返回给前端。根据您使用的具体技术栈，可能会有不同的方法来实现这一点。 2. 前端接收文件流：前端需要通过合适的方式接收后端返回的文件流。通常情况下，可以使用浏览器的内置 API（如 Fetch API 或 XMLHttpRequest）来发起请求并接收文件流。 3. 将文件流导出：一旦前端成功接收到文件流，您可以使用合适的 JavaScript 库或框架来处理并导出文件。常见的方法是创建一个 `<a>` 标签，并为其设置 `href` 属性为文件流的 URL，再调用 `click()` 方法以触发下载。 以下是一个简单的示例，演示了如何在前端导出后端返回的文件流（以 CSV 文件为例）： ```javascript // 后端返回文件流 fetch('/api/getFile', { method: 'GET', }) .then(response => response.blob()) // 将响应转换为 Blob 对象 .then(blob => { // 创建下载链接 const downloadLink = document.createElement('a'); downloadLink.href = window.URL.createObjectURL(blob); downloadLink.download = 'file.csv'; // 设置下载文件的名称 // 触发下载 downloadLink.click(); }) .catch(error => { console.error('导出文件失败:', error); }); ``` 请注意，这只是一个示例，并不能适用于所有情况。根据您的实际需求和技术栈，可能需要进行适当的调整和修改。希望对您有所帮助！如果您有任何进一步的问题，请随时提问。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值