js/jquery怎么取后台request.setAttribute的对象或者属性值?

本文介绍如何在JavaScript中获取Java后台设置的request属性值,包括直接在JSP页面使用EL表达式及通过隐藏域传递的方式,并解释了为何无法直接在独立的JS文件中获取这些值。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

获取对象的话可以这样:

Java后台: 设置request的属性值

// 返回课程包装类的数据--用于页面显示
request.setAttribute("courseDto", courseDto);

HTML/jsp页面: 可以直接用el表达式获取到request中设置的属性值

<div class="static-item">
	<div class="meta">难度级别</div>
	<div class="meta-value">${courseDto.course.courseGrade }</div>
</div>

 

JavaScript: 获取request.setAttribute的对象,两种方式

 

第一种:

<strong>var courseDto = '<%=request.getAttribute("courseDto")%>';
alert(courseDto);</strong>

第二种:

<strong>var courseDto = '${courseDto}';
alert(courseDto);</strong>

 

打印出来的对象:

 

但是我现在想要获取的是courseDto中的一个属性值,

我想在js中直接用

alert(courseDto.course.coourseId);

来显示,结果是不行的。

网上查了一些资料说是:

1、把js直接写在了JSP页面,所以能获取到。如果单独把JS抽离出来是不可能获取到的。前者服务端解析能或许到,后者客户端解析获取不到。

2、js里是在客户端执行的,不能直接获取,因为EL表达式是在服务器的时候被解析的,所以可以获取到。一个是客户端的东西,一个是服务器端的东西。

3、jsp能取到,那是因为他本身就是servlet。js不可能有方法直接获取到HttpServletRequest里面的属性值。

4、setAttribute是服务器行为,到了客户端就无效了,也谈不上如何用。除非你在jsp的时候就写到js变量里,或者使用ajax请求你需要的数据。

尽管如此,但是还是有办法解决的,如下:

获取request.setAttribute对象的属性值

就是在HTML/jsp页面设置一个隐藏域,然后再通过就是获取

HTML: <input type="hidden" value="${student.name}" id="stuName"/>

JavaScript:var stuName = $('#stuName').value ;

 

 

 

 

 

最后,大家如果发现我写的有错误的话,欢迎评论指出哦,共同进步。觉得我写的不错的,可以关注下哦^v^

 

 

 

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%> <jsp:include page="check_logstate.jsp"></jsp:include> <% String path = request.getContextPath(); String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort() + path + "/"; %> <!doctype html> <html lang="zh_CN"> <head> <base href="<%=basePath%>" /> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>欢迎使用后台管理系统</title> <link rel="stylesheet" href="asset/page/css/style.default.css" type="text/css" /> <link rel="stylesheet" href="asset/page/css/responsive-tables.css"> <script type="text/javascript" src="asset/page/js/jquery-1.9.1.min.js"></script> <script type="text/javascript" src="asset/page/js/bootstrap.min.js"></script> </head> <body> <div class="mainwrapper"> <div class="maincontent"> <div class="maincontentinner"> <h4 class="widgettitle">学生请假列表</h4> <table id="dyntable" class="table table-bordered responsive"> <thead> <tr> <th style="text-align: center;"> </th> <th style="text-align: center;">学生用户</th> <th style="text-align: center;">宿舍</th> <th style="text-align: center;">开始时间</th> <th style="text-align: center;">结束时间</th> <th style="text-align: center;">原因</th> <th style="text-align: center;">状态</th> <th style="text-align: center;">操作</th> </tr> </thead> <c:forEach items="${outList}" var="out"> <tr style="text-align: center;"> <td style="text-align: center;"> </td> <td style="text-align: center;">${out.realname}</td> <td style="text-align: center;">${out.roomsname}</td> <td style="text-align: center;">${out.starttime}</td> <td style="text-align: center;">${out.endtime}</td> <td style="text-align: center;">${out.reason}</td> <td style="text-align: center;">${out.stats}</td> <td style="text-align: center;"> <c:if test="${out.stats eq '待审批' }"> <a href="out/stats.action?id=${out.outid}">处理</a>  </c:if><a href="out/deleteOut.action?id=${out.outid}" onclick="{if(confirm('确定要删除吗?')){return true;}return false;}">删除</a></td> </tr> </c:forEach> </tbody> </table> <div class="dataTables_info" id="dyntable_info" style="text-align: right;">${html }</div> </div> </div> </div> </body> </html> 学生用户不显示姓名
06-09
评论 16
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值