如何将后端返回来的数据格式化

最新推荐文章于 2024-07-05 16:41:23 发布
最新推荐文章于 2024-07-05 16:41:23 发布
阅读量1.1k 收藏 1
点赞数 2
文章标签： vue javascript 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_55633731/article/details/118336337
版权

目录

业务背景：

处理过程：

a）.我们将项目中所有的映射关系都可以提前在文件中定义好

b）.开始做格式化，这里用到了作用域插槽来处理

c）.把用到的常量导入到当前文件

d）. 数据转换

 e）.在methods中定义方法

业务背景：

后端返回的数据是直接以数字形式返回， 我们需要把这些数据做相应的格式化，处理成我们想要的文字

 

后端给到我们前端的是一个数字类型的状态码(1, 2)，每一个状态码对应有中文说明。我们通过枚举的方式转换成文字即可

处理过程：

a）.我们将项目中所有的映射关系都可以提前在文件中定义好

最低0.47元/天 解锁文章
laughable045
关注
  • 2
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
前后端分离：统一返回数据格式
qq_40664795的博客
04-17 2051
定义一个返回类 一般包含如下信息 状态码 提示信息 数据 /*** * 和前端接口交互的统一格式 */ public class ReturnResult<T> implements Serializable { private Integer code; // 异常码 private String message; // 提示信息 private T data; // ...
后端将数据转化为json字符串传输的方法详解
10-14
在Java后端，我们通常使用`org.json`库或`com.google.gson`库来将Java对象转换为JSON格式。 当我们在后端处理数据时，有时会遇到对象属性名与JSON键名不一致的情况。这是因为JSON键的生成基于对象的getter方法。...
RestfulAPI/Java后端的统一返回格式的封装(分页数据，列表数据，空返回值，后端响应状态等)
fngqng的博客
02-22 847
第一，先定义(响应状态status，响应代码code)接口, 步骤：创建接口，在接口中定义私有成员属性。后端从数据库返回的第一手数据结果的格式一般为：{}对象，[]数组 两种，不够统一。私有构造器，创建静态方法，返回值是 接口中对应的响应状态 的统一返回格式。创建类，implements步骤一的ResultCode接口；所以，需要统一后端返回给前端的数据格式，后端统一返回格式的封装步骤。
springboot项目统一后端数据返回格式
weixin_44632065的博客
02-20 1087
spring boot自带的ResponseEntity ResponseEntity是springboot自带的返回格式封装类，使用起来也简单，和我们平时自己封装的差不多，大概的使用如下： 自己封装类 和spring boot自带的类似，返回的无非就是data，code，message，其中data是个泛型，可以存放各种数据类型。封装类如下： Data public class ResultData<T> { /** 结果状态 ,具体状态码参见ResultData.java*
前端通过javascript对后端返回的json或者xml进行格式化处理
txp1993的专栏
03-23 5138
工作中遇到需要前端通过javascript对后端返回的json或者xml进行格式化处理的问题，特此记录下来，仅供交流 1.对json字符串进行格式化处理： var jsonObj = JSON.parse(后端返回的json字符串); var result = JSON.stringify(jsonObj, null, 2);//格式化 2.对xml字符串进行格式化处理： 1)、定义格式化
php返回数据格式化类
hsyyff的博客
02-25 437
php返回数据格式化类
前端格式化显示后端返回的json数据
我的博客
08-02 3006
<div> <pre id="display"> </pre> </div> $.post({ url:'/return/some/data', data:{ somedata }, success:function(data){ let ret_data =...
统一后端返回格式
weixin_44972575的博客
07-06 475
统一后端返回格式 import com.alibaba.fastjson.JSON; import org.slf4j.Logger; import org.slf4j.LoggerFactory; import java.io.Serializable; /** * 返回结果对象 * * @param <T> */ public class Result<T> implements Serializable { private static final lon
后台返回的数组包对象格式的数据转换成表格数据格式的方法
m0_58861443的博客
08-24 430
后台返回的数组包对象格式的数据转换成表格数据格式的方法 transformDate(res) { const mapInfo = { id: '编号', password: '密码', mobile: '手机号', username: '姓名', timeOfEntry: '入职日期', formOfEmployment: '聘用形式', correctionTime: '转正日期
JAVA实现JSON后端向前端传递数据
10-20
`ConcurrentDateUtil` 类主要用于处理日期时间格式化，它使用了ThreadLocal来保证线程安全的日期格式化对象。`parse()` 方法用于将字符串转换为日期对象，而 `format()` 方法则将日期对象转换为指定格式的字符串。在...
JS的Ajax与后端交互数据的实例
10-18
`dataType`参数指定期望的服务器响应类型，这里是`"json"`，表示服务器返回的是JSON格式的数据。`success`和`error`回调函数分别处理请求成功和失败的情况。 在实际开发中，Ajax不仅用于登录验证，还可以应用于各种...
sql格式化JS脚本
11-05
这个方法接受一个未格式化的SQL字符串作为参数，然后返回一个格式化后的SQL字符串。格式化过程可能包括但不限于以下步骤： 1. **缩进**：将嵌套的SQL语句或子查询添加适当的缩进，使层次结构清晰可见。 2. **换行**...
后端接口和文档自动化，前端(客户端) 定制返回JSON的数据和结构！.zip
09-24
这个名为"后端接口和文档自动化，前端(客户端) 定制返回JSON的数据和结构！.zip"的压缩包文件，包含了开源项目APIJSON的源码，它是一个旨在简化JSON数据传输协议和自动提供API及文档的ORM库。让我们深入了解一下相关...
后台传来数据,与我们要展示数据不同,需要我们格式化数据,方法有三
weixin_48837605的博客
08-31 291
效果: 原因: 后台给我们的数据与我们要展示的数据不相符合,需要我们做进一步的格式化处理,一般是给我们一个额外的表 第一种方式:额外处理表中的数据,维护和添加方便 // 员工 export default { // 聘用形式 hireType: [ { id: 1, value: '正式' }, { id: 2, value: '非正式' } ], // 管理形式 subjection: .
前端页面打印接口数据返回的数据，如果是代码数据，需进行格式化
weixin_46886397的博客
02-10 550
前端展示页面打印接口数据返回的数据，如果是代码数据，需进行格式化，不然内容挤在一起
更改后端返回的时间格式，对字符串时间格式化
Khoo5323的博客
03-18 1097
// 格式化日期 封装函数 FormatDate(date, str) { //参数是时间、格式 //年月日时分秒 str = str.split("yyyy").join(date.getFullYear()) str = str.split("MM").join(date.getMonth() + 1 < 10 ? '0' + '' + (date.getMonth() + 1) : date.getMonth()); str = str.spli.
如何优雅的封装转换前后端接口数据格式工具函数（下划线＜=＞大写）
JackChan
02-08 279
如何优雅的封装转换前后端接口数据格式工具函数（下划线大写）
按要求返回数据格式的处理
m0_38036152的博客
04-17 433
    需求如上图，单位及地图等信息是通过syou表和map表关联sql查询得到，duty内的信息是通过syou表，值班主从表，人员表关联sql查询得到。    至此大体思路为：1.list查询出单位及地图等信息;                                2.迭代list通过查到的单位id来查询duty信息并且put进list.get(i);                 ...
HTML_表单 和 表单案例
最新发布
secret010的博客
07-05 279
【代码】HTML_表单 和 表单案例。
后端返回的数据前端怎么处理
06-09
前端在接收到后端返回的数据后，需要根据具体情况进行处理。以下是一些常见的处理方式： 1. 解析JSON数据：如果后端返回的数据是JSON格式的，前端可以使用JavaScript内置的JSON对象将其解析成一个JavaScript对象，然后通过该对象获取需要的数据。 2. 渲染模板：如果后端返回的数据是HTML代码或者其他模板引擎可以处理的数据格式，前端可以使用模板引擎将数据渲染到页面中。 3. 处理错误：如果后端返回的数据中包含错误信息，前端需要根据错误类型进行相应的处理，例如弹出提示框或者进行页面跳转等。 4. 数据格式化：有时候后端返回的数据需要进行格式化，例如日期格式化、货币格式化等。前端可以使用JavaScript内置的方法或者第三方库进行格式化。 5. 缓存数据：如果后端返回的数据需要频繁使用，前端可以将其缓存起来，避免重复请求。可以使用浏览器缓存、localStorage等方式进行缓存。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值