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

背景

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

/*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");		

梳理相关的知识点：

1. ${msg}是jsp的EL（express language，表达式语言），可以直接计算表达式或取request里的变量的值。
2. servlet通过request.setAttribute设置request的值；前台jsp通过EL获取值，实现前后台互动(ps：ajax和jquery方式更简单点，ajax获取服务器返回值，jquery设置dom对象值;c#.net里也有类似的实现)。
3. jsp本身就是servlet（是servlet的升级），所以可以直接获取HttpServletRequest里的属性值。
4. 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的区别