jsp页面的js 以及单独的js文件中使用EL表达式_外部js文件ajax怎么使用el中pagecontext-CSDN博客

转自: http://blog.csdn.net/monkeyking1987/article/details/17146951

分两种情况

1. JS代码在JSP页面中, 这可以直接使用EL表达式. 如:

[html]view plaincopy 
   
print?
 <script type="text/javascript">  
     $(function () {  
         new BacklogOverview("${param.alert}");  
     });  
 </script>  

2.JS代码是单独的.js 文件, 通过引入到 JSP中来.这时候可通过提前定义JS变量的形式的解决,如:

[html]view plaincopy 
   
print?
 <c:set var="contextPath" value="${pageContext.request.contextPath}" scope="application"/>  
     <script>  
         <%--JS gloable varilible--%>  
         var contextPath = "${contextPath}";  
     </script>  

在JSP页面上定义JS变量 contextPath.

这样在之后引入的JS文件中就可以使用contextPath变量了.

[html]view plaincopy 
   
print?
 //Image setting  
 config.filebrowserImageUploadUrl = contextPath + "/ckeditor/upload.htm";  
 
  在外部js文件里使用el表达式详解: 
 
 原先做法是在jsp页面引入头文件
 
<%@ page language="java" pageEncoding="UTF-8" contentType="text/html; charset=UTF-8" %>
<%@ taglib prefix="s" uri="/struts-tags" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"  %>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
<c:set var="ctxStatic" value="${pageContext.request.contextPath}/static" />
<c:set var="ctx" value="${pageContext.request.contextPath}"/> 
     
 然后在js文件里头使用使用${ctx}，结果是直接输出，并没有被解析出来,javascript是客户端执行,EL是在服务端执行,而服务端比客户端先执行,所以取不到值 。
  
 因为是js代码是单独出来的文件，然后引入到jsp页面。现在我们可以提前在jsp页面定义js的全局变量来解决。
 
   <script type="text/javascript">
    var ctx = "${ctx}";
</script> 
  
 然后我们在引入的js代码中就可以直接使用ctx，轻松获取到所需的值。