背景

梳理维护的程序时，发现以下代码：

/*jsp*/
<input type="hidden" name="hidURL" value="${fileURL}" />
<input type="hidden" name="fileName" value="${fileName}" />
<input type="hidden" name="returnMsg" value="${msg}" />

对${fileURL}是上传到服务器文件的绝对路径。其值得来源搞不懂。
经过查阅，是servlet的request.setAttribute向前台传变量的方法。后台包含了如下代码。

/*servlet*/
request.setAttribute("fileURL", uploadPath);
request.setAttribute("fileName", tempFileName);
request.setAttribute("msg", "success");

梳理相关的知识点：

${msg}是jsp的EL（express language，表达式语言），可以直接计算表达式或取request里的变量的值。
servlet通过request.setAttribute设置request的值；前台jsp通过EL获取值，实现前后台互动(ps：ajax和jquery方式更简单点，ajax获取服务器返回值，jquery设置dom对象值;c#.net里也有类似的实现)。
jsp本身就是servlet（是servlet的升级），所以可以直接获取HttpServletRequest里的属性值。
jsp支持4中作用域：page（仅当前页）、request（整个请求\响应过程）、session（会话级，贯穿多个request，关闭浏览器生效）、application（整个应用，可跨越浏览器存在）。

参考示例

获取对象的话可以这样：

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 ;

参考：
《js/jquery怎么取后台request.setAttribute的对象或者属性值?》
《JSP的原理、JSP的执行过程》
jsp 的四个作用域：page、request、session和application的区别

Jsp通过request.setAttribute向前台传递变量相关推荐

后台通过request.setAttribute向前台传值，前台如何去获取其中的对象或属性值
讲这些,我们先来了解一下request.setAttribute和request.setAttribute()这两种方法的作用. request.getAttribute("nameOfOb ...
JSP内置对象request——setAttribute/getAttribute的使用
学习本文章前需知getRequestDispatcher的使用前言一.setAttribute是什么? 二.使用步骤示例 1.建ArrayList和HashMap 2. 使用setAttribut ...
使用request对象进行数据传递
在进行请求转发时,需要把一些数据传递到转发后的页面进行处理,需要使用request对象的setAttribute方法将数据保存到request范围内的变量中使用: request对象可以视为一个域, ...
request.setAttribute()用法
小问题: JSP1代码 String [] test=new String[2]; test[0]="1"; test[1]="2"; request.setA ...
request.setAttribute()
讲这些,我们先来了解一下request.setAttribute和request.setAttribute()这两种方法的作用. request.getAttribute("nameOfOb ...
java中的setattribute_JSP request.setAttribute()详解及实例
javascript request.setAttribute()详解 request.setAttribute()怎么用的? JSP1代码 String [] test=new String[2]; ...
避坑——request.getSession().setAttribute与request.setAttribute的区别
刚开始不理解这个区别,导致每次前台取到的验证码总是有差别:坑---所以也记录下 equest.setattrbute()顾名思义只能在一个request内有效,如果重定向回客户端,将取不到值.requ ...
request.getParameter()与request.setAttribute()的区别
request.getParameter(),request.setAttribute()区别如下: (1)request.getParameter()取得是通过容器的实现来取得通过类似post,ge ...
JSP中Request属性范围
JSP属性范围,通过以下几个测试代码来学习request属性的范围测试一(JSP动态指令方式传参): 测试内容: <jsp:param .../>添加参数,通过<jsp:forwa ...

Jsp通过request.setAttribute向前台传递变量

背景

梳理相关的知识点：

参考示例

Jsp通过request.setAttribute向前台传递变量相关推荐

最新文章

热门文章