页面通过key获得后台传的Map

<c:forEach items="${n.answerList}" var="an" varStatus="status">
    <li id="${status.index+1}" >
    <input type="hidden" name="answerId"  value="${an.answerId}"/>
    <input type="radio" name='${sta.index}'>
    <input type="hidden" name="xzMap[${status.index}]" value="xzMap[#status.index]"/>

<c:set var="salary"  scope="session" value="${status.index}"/>
<c:out value="${xzMap.get(salary)}"/>
    ${an.content}   (${an.score}分)
    </li>

    </c:forEach>



  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
要在前端页面展示后台来的数据,可以使用前端框架(如React、Vue、Angular等)或纯HTML/CSS/JavaScript。 以下是一些基本的示例: 1. 使用React: ```jsx import React, { useState, useEffect } from "react"; import axios from "axios"; function App() { const [data, setData] = useState([]); useEffect(() => { axios.get("/api/data").then((response) => { setData(response.data); }); }, []); return ( <div> <h1>Data from Backend</h1> <ul> {data.map((item) => ( <li key={item.id}>{item.name}</li> ))} </ul> </div> ); } export default App; ``` 这个示例使用React来展示从后台API `/api/data` 中获取的数据。`useEffect`钩子在组件加载时触发请求,并使用`useState`来更新组件状态以反映从后台获取的数据。在`return`中,将数据映射到列表项中。 2. 使用jQuery: ```html <!DOCTYPE html> <html> <head> <title>Data from Backend</title> <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script> </head> <body> <h1>Data from Backend</h1> <ul id="data-list"></ul> <script> $(document).ready(function() { $.get("/api/data", function(response) { $.each(response, function(index, item) { $("#data-list").append("<li>" + item.name + "</li>"); }); }); }); </script> </body> </html> ``` 这个示例使用jQuery来展示从后台API `/api/data` 中获取的数据。在`$(document).ready`中,使用`$.get`方法来获取数据,并使用`$.each`方法将数据映射到列表项中。 无论您使用哪种方法,都需要确保从后台获取正确的数据,并使用适当的方式将其展示在前端页面上。

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

day2862

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值