根据后端返回的字段在页面重新展示

后端返回的数据如下：

var days = [
            {
              'id': '962489c27f1d485bb4a173ea8280f7fd',
              'corpSuiteId': null,
              'daysDate': '2024-07-01',
              'today': 1,
              'weekendFlag': '0',
              'holidayFlag': '0',
              'holidayRemark': null
            },
            {
              'id': '5eb7b3e995fa4b8aaab8bac0ae9a6b43',
              'corpSuiteId': null,
              'daysDate': '2024-07-02',
              'today': 2,
              'weekendFlag': '0',
              'holidayFlag': '0',
              'holidayRemark': null
            },
            {
              'id': '6fc4757f9dab41498423e262d9a14727',
              'corpSuiteId': null,
              'daysDate': '2024-07-03',
              'today': 3,
              'weekendFlag': '0',
              'holidayFlag': '0',
              'holidayRemark': null
            },
            {
              'id': 'fd84d36e24c54c5ca1d4bf9b93ff0a9f',
              'corpSuiteId': null,
              'daysDate': '2024-07-04',
              'today': 4,
              'weekendFlag': '0',
              'holidayFlag': '0',
              'holidayRemark': null
            },
            {
              'id': '16385aac638a43c5b7f94b79a7dbf58c',
              'corpSuiteId': null,
              'daysDate': '2024-07-05',
              'today': 5,
              'weekendFlag': '0',
              'holidayFlag': '0',
              'holidayRemark': null
            },
            {
              'id': 'a32582c588ba414fb5956c71789a3e5c',
              'corpSuiteId': null,
              'daysDate': '2024-07-06',
              'today': 6,
              'weekendFlag': '1',
              'holidayFlag': '1',
              'holidayRemark': null
            },
            {
              'id': 'd95662eb36aa483081c6aae4c90788b5',
              'corpSuiteId': null,
              'daysDate': '2024-07-07',
              'today': 7,
              'weekendFlag': '1',
              'holidayFlag': '1',
              'holidayRemark': null
            },
            {
              'id': '7a5ce1fed3ab484f962fd8b6284cb9db',
              'corpSuiteId': null,
              'daysDate': '2024-07-08',
              'today': 1,
              'weekendFlag': '0',
              'holidayFlag': '0',
              'holidayRemark': null
            },
            {
              'id': '0c23eb15a1e14e1e947e2d934918512a',
              'corpSuiteId': null,
              'daysDate': '2024-07-09',
              'today': 2,
              'weekendFlag': '0',
              'holidayFlag': '0',
              'holidayRemark': null
            },
            {
              'id': '5f05a28e3c6a45fa81da35acceee20f5',
              'corpSuiteId': null,
              'daysDate': '2024-07-10',
              'today': 3,
              'weekendFlag': '0',
              'holidayFlag': '0',
              'holidayRemark': null
            },
            {
              'id': '862d9881cc9c42f3b7f2eab2d3b9942c',
              'corpSuiteId': null,
              'daysDate': '2024-07-11',
              'today': 4,
              'weekendFlag': '0',
              'holidayFlag': '0',
              'holidayRemark': null
            },
            {
              'id': '5fa552993cc6479d9e7d635e54f23690',
              'corpSuiteId': null,
              'daysDate': '2024-07-12',
              'today': 5,
              'weekendFlag': '0',
              'holidayFlag': '0',
              'holidayRemark': null
            },
            {
              'id': 'f726b2ad3cc140fdadb193bebb554c1a',
              'corpSuiteId': null,
              'daysDate': '2024-07-13',
              'today': 6,
              'weekendFlag': '1',
              'holidayFlag': '1',
              'holidayRemark': null
            },
            {
              'id': 'a85992ed99b040d0a4e2ea8a0a9008cc',
              'corpSuiteId': null,
              'daysDate': '2024-07-14',
              'today': 7,
              'weekendFlag': '1',
              'holidayFlag': '1',
              'holidayRemark': null
            },
            {
              'id': '1f20827140894e53a99b7d3a75b07a26',
              'corpSuiteId': null,
              'daysDate': '2024-07-15',
              'today': 1,
              'weekendFlag': '0',
              'holidayFlag': '0',
              'holidayRemark': null
            },
            {
              'id': '0c24428eb5f1421693d5d2c22b29bc5b',
              'corpSuiteId': null,
              'daysDate': '2024-07-16',
              'today': 2,
              'weekendFlag': '0',
              'holidayFlag': '0',
              'holidayRemark': null
            },
            {
              'id': '767ee3c6079c495ca378d030a92c4003',
              'corpSuiteId': null,
              'daysDate': '2024-07-17',
              'today': 3,
              'weekendFlag': '0',
              'holidayFlag': '0',
              'holidayRemark': null
            },
            {
              'id': '57c7302829b14759b411e59205363433',
              'corpSuiteId': null,
              'daysDate': '2024-07-18',
              'today': 4,
              'weekendFlag': '0',
              'holidayFlag': '0',
              'holidayRemark': null
            },
            {
              'id': 'a647a89c00264ee4a3d3621995df3070',
              'corpSuiteId': null,
              'daysDate': '2024-07-19',
              'today': 5,
              'weekendFlag': '0',
              'holidayFlag': '0',
              'holidayRemark': null
            },
            {
              'id': 'ab144d83c1db44e79b688358cdda8882',
              'corpSuiteId': null,
              'daysDate': '2024-07-20',
              'today': 6,
              'weekendFlag': '1',
              'holidayFlag': '1',
              'holidayRemark': null
            },
            {
              'id': 'f3c60822f2f3405e90ef73292efeac82',
              'corpSuiteId': null,
              'daysDate': '2024-07-21',
              'today': 7,
              'weekendFlag': '1',
              'holidayFlag': '1',
              'holidayRemark': null
            },
            {
              'id': '1505405802254e83a74c580a3770ca44',
              'corpSuiteId': null,
              'daysDate': '2024-07-22',
              'today': 1,
              'weekendFlag': '0',
              'holidayFlag': '0',
              'holidayRemark': null
            },
            {
              'id': 'd6b5438be54d4d62b35618bf417c83c2',
              'corpSuiteId': null,
              'daysDate': '2024-07-23',
              'today': 2,
              'weekendFlag': '0',
              'holidayFlag': '0',
              'holidayRemark': null
            },
            {
              'id': '9948d0a9af204898af592a8796389db8',
              'corpSuiteId': null,
              'daysDate': '2024-07-24',
              'today': 3,
              'weekendFlag': '0',
              'holidayFlag': '0',
              'holidayRemark': null
            },
            {
              'id': '5f59d2e5114846749823151d90890f94',
              'corpSuiteId': null,
              'daysDate': '2024-07-25',
              'today': 4,
              'weekendFlag': '0',
              'holidayFlag': '0',
              'holidayRemark': null
            },
            {
              'id': '31067f29e16a42068b33836ef2365367',
              'corpSuiteId': null,
              'daysDate': '2024-07-26',
              'today': 5,
              'weekendFlag': '0',
              'holidayFlag': '0',
              'holidayRemark': null
            },
            {
              'id': '509fe6f08f6a424aa9a194f0b75b32de',
              'corpSuiteId': null,
              'daysDate': '2024-07-27',
              'today': 6,
              'weekendFlag': '1',
              'holidayFlag': '1',
              'holidayRemark': null
            },
            {
              'id': '3913ed9a15a540c683001f70cdbede0f',
              'corpSuiteId': null,
              'daysDate': '2024-07-28',
              'today': 7,
              'weekendFlag': '1',
              'holidayFlag': '1',
              'holidayRemark': null
            },
            {
              'id': 'b2131d288753414187598ac1f2e98957',
              'corpSuiteId': null,
              'daysDate': '2024-07-29',
              'today': 1,
              'weekendFlag': '0',
              'holidayFlag': '0',
              'holidayRemark': null
            },
            {
              'id': 'c5fccd499b7443e9bcb873553e8ac33c',
              'corpSuiteId': null,
              'daysDate': '2024-07-30',
              'today': 2,
              'weekendFlag': '0',
              'holidayFlag': '0',
              'holidayRemark': null
            },
            {
              'id': 'f3fcde6995184713841205bea8426e99',
              'corpSuiteId': null,
              'daysDate': '2024-07-31',
              'today': 3,
              'weekendFlag': '0',
              'holidayFlag': '0',
              'holidayRemark': null
            }
          ]

根据today的值判断今天是周几，效果如下：

写回答
好问题 0 提建议
追加酬金
关注问题
分享
邀请回答
编辑收藏删除结题
收藏举报

4条回答默认最新

专家-赤兔[在线] 全栈领域优质创作者 2024-07-03 15:31

关注

引自免费微信小程序：皆我百晓生

为了解决这个问题，我们可以使用JavaScript来根据后端返回的数据在页面上重新展示。首先，我们需要确定今天是周几，然后根据today的值找到对应的日期，最后在页面上展示。以下是实现步骤和代码示例：

步骤

获取后端返回的数据。
根据today的值确定今天是周几。
创建HTML结构来展示数据。
将数据填充到HTML结构中。

代码示例

HTML部分（简单的结构，你可以根据需要修改）：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>重新展示数据</title>
</head>
<body>
    <div id="weekdays">
        <!-- 这里将填充周几的信息 -->
    </div>
    <script src="script.js"></script>
</body>
</html>

JavaScript部分 (script.js):

// 后端返回的数据
var days = [/* 这里是你的数据 */];

// 根据today确定今天是周几
function determineWeekday(todayValue) {
    switch (todayValue) {
        case 1: return "一"; // 周一
        case 2: return "二"; // 周二
        case 3: return "三"; // 周三
        case 4: return "四"; // 周四
        case 5: return "五"; // 周五
        case 6: return "六"; // 周六
        case 7: return "日"; // 周日
        default: return "未知"; // 如果today值不在范围内，返回未知
    }
}

// 创建HTML元素并填充数据
function populateData() {
    var weekdaysElement = document.getElementById('weekdays');
    for (var i = 0; i < days.length; i++) {
        var day = days[i];
        var weekDay = determineWeekday(day.today); // 获取周几信息
        var element = document.createElement('div'); // 创建div元素来显示数据
        element.textContent = weekDay + " " + day.daysDate; // 设置显示的内容，如“周四 2024-07-04”等。你可以根据需要调整格式。
        weekdaysElement.appendChild(element); // 将创建的元素添加到页面上。这将显示在页面上重新展示的数据。你可以根据需要调整布局和样式。希望这可以帮助你解决问题！如果有任何其他问题，请随时提问。

编辑记录

报告相同问题？

关注问题

关于#前端#的问题：后端返回浮点数，前端展示时需要乘以100 前端
2022-06-08 21:41

回答 1 已采纳先强制转化为字符串获得参与运算两数值的小数位数x将小数转为整数，然后除对应的10的x次幂https://blog.csdn.net/hl_qianduan/article/details/109507
怎么给前端返回图片地址？ java 前端后端
2022-07-22 17:39

回答 2 已采纳你给前端传温度值，前端根据温度值使用不同图片就好了呀。如果非要加。每个警报那句后面加一个hashMaps.get(i).put("img", "图片路径");
在数据后台排序正确但是放到前台就排版错误了 java javascript php
2022-03-01 11:16

回答 6 已采纳逐一排查：1、后端数据的排序是否正确；2、前端接收的数据排序是否和后端传的一致；3、前端展示数据的过程中有没有对数据进行更改。
后端返回代码格式文本内容,前端进行展示
2023-06-30 21:50

阳光雨滴的博客【代码】后端返回代码格式文本内容,前端进行展示。
数据库bigint类型，用String接收，为什么返回前端数据不一致呢？ java mysql 前端
2022-07-05 11:10

回答 2 已采纳是精度丢了在返回给前端前就要把他先转为 string。你要在network看到后端返回的是字符串的 "1539073448274423810" 就对了
springboot+vue项目分页查询在页面无法展示，如何解决？ spring boot vue.js 前端
2023-04-22 23:28

回答 3 已采纳看你的数据结构应该是=res.records吧，不是red.data
同一个方法，前端调用有数据返回，swagger调用就没有数据返回 java
2022-03-26 11:14

回答 1 已采纳 swagger调用报错了喽，swagger调用时浏览器f12控制台看下日志
springboot 返回给前端不必要的字段如何处理
2020-12-14 13:15

现在大多数项目都是前后端分离项目，后端采用swagger给前端提供接口文档（这里不得不说swagger很好用），但是在前后端交互过程中后端一般都是采用把一个表中全部字段查出来返回给前端，这样后端的确很方便(表名.*) ...
添加数据库某个字段的唯一约束后，怎么把信息返还给前端 intellij-idea jar java maven spring
2020-12-24 15:21

回答 3 已采纳 try catch捕获主键冲突异常(DuplicateKeyException)，然后给前端返回提示信息
关于对接接口返回参数格式不对应如何处理 javascript vue.js 前端
2022-02-22 18:21

回答 3 已采纳你可以忽略大小写，或者将返回值分割，最后一个字母转成大写，然后重新拼接，在进行比较
在不刷新页面的情况下，thymeleaf怎么去拿到ajax后端获得的值，遍历在div中，不想用ajax拼接html标签实现遍历 ajax java spring boot
2022-05-28 10:49

回答 2 已采纳不太了解thymeleaf，js可以操作页面数据，可以指定增加某个标签或修改标签里面的值，不想通过拼接html标签实现遍历，那就直接把数据替换到原有div内的数据
根据后端返回的数据列表来进行前端页面中div的排序
2022-06-23 13:24

家里的喵的博客模拟一个后端返回的数据列表，它长这个样子 $scope.orderArr = [{ datatype:0, code:'exam' },{ datatype:0, code:'sport' },{ datatype:1, code:'sc-407-4545151' },{ datatype:0, code:'quality' },{ datatype:0, ...
Jquery请求后台数据返回前端为空 java javascript jquery
2022-04-30 16:33

回答 2 已采纳 model.addAttribute()是为了给JSP页面传值你怎么直接在js里面直接接收咧javascript与jsp中不能相互传值，因为javascript运行在客户端，jsp运行在服务器端。若想
后端返回加密字段，前端解密
2022-01-17 15:15

weixin_45979310的博客 async getMonitor(id) { let { data } = await ... _this.markerList = []; data.forEach(item => { let res = this.unzip(item);... // 如果没有处理中文的需求，可以不用decodeURIComponent,看后端用没用 ..
vue根据后端返回的数据，在前端表格判断进行展示。
2022-09-24 23:23

hjj2019的博客根据后端返回的数据，在前端表格判断进行展示。
没有解决我的问题, 去提问

问题事件

关注

码龄粉丝数原力等级 --

被采纳

被点赞

采纳率
创建了问题 7月3日

悬赏问题

¥15 flutter网页应用用python的http服务器访问速度慢
¥15 VESTA绘图原子颜色显示异常
¥15 天翼云搭建多ip l2tp
¥15 python实现CAD识图
¥15 如何实现在renpy中创建并应用不同大小尺寸对话框？
¥15 table表格有一列是固定列滑动到最下面时固定的那一列有几行没显示出来
¥20 单细胞数据注释时报错
¥15 vscode编译ros找不到头文件，cmake.list文件出问题，如何解决？(语言-c++|操作系统-linux)
¥15 通过AT指令控制esp8266发送信息
¥15 有哪些AI工具提供可以通过代码上传EXCEL文件的API接口，并反馈分析结果

根据后端返回的字段在页面重新展示

4条回答 默认 最新

步骤

代码示例

问题事件

悬赏问题

4条回答默认最新