js文件中使用el表达式问题

原创 2016年08月29日 16:11:15

单独js文件不能用el表达式。

首先,JSP是由服务端执行的,EL表达式自然也由服务端解析执行,因此如果EL所在的脚本在JSP页面内,它是可以获取到值的,这个值在服务器端返回到浏览器端时已经解析完毕,浏览器端只是呈现而已,但是如果在单独的JS文件中写EL,会怎么样呢?这个时候是无法获取的,因为javascript是客户端执行,单独的JS文件不在服务器的解析执行之中,EL是不起任何作用的,这个时候它就等同于普通的字符串,那么如何解决这种情况呢?

一:可以通过window.onload()来得到EL的值再传送给JS文件里的全局变量、方法进行变量初始化 。

二:可以在JSP页面中添加一个隐藏域,给它赋值,在单独的js文件中,通过获取隐藏域的值就间接的获取到了EL表达式的值。

举例:

jsp页面(引用jquery文件和register.js 添加两个隐藏域)

<script type="text/javascript"
			src="${pageContext.request.contextPath}/js/jquery-1.4.3.js">
         </script>
<script type="text/javascript"
			src="${pageContext.request.contextPath}/js/register.js">
         </script>
<input id="okPic" type="hidden" value="${pageContext.request.contextPath}/images/jsPic/ok.png"/>
<input id="errorPic" type="hidden" value="${pageContext.request.contextPath}/images/jsPic/error.png"/>

register.js文件(设置全局变量ok,error       $(function(){   });当引用这个js文件的页面加载完毕就执行这个函数.相当于window.onload(),然后在其他函数中就可以直接引用ok,error全局变量.

var ok ="";      
var error = "";
$(function(){                             
	ok = $("#okPic").val();
	error = $("#errorPic").val();
});
这样就能获得想要jsp中el表达式的值

在实际开发中,我们jsp页面开发往往需要写事件和方法,页面和js逻辑都是分离,这样容易造成有些变量是通过el表达式获得,而在js里面我们需要使用el表达式获得的值进行一些逻辑处理。

我的项目中遇到的举例说明。

一:最常见的是url路径请求:

jsp页面获得服务器地址:

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@taglib prefix="spring" uri="http://www.springframework.org/tags" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%
	String ctxPath = request.getContextPath();
	request.setAttribute("ctxPath", ctxPath);
	String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort()
			+ ctxPath + "/";
	request.setAttribute("basePath", basePath);
%>
<%@ page import="com.doron.sys.main.controller.PageURL" %>
<%
String pageUrl=PageURL.getUrl();
%>
<script>
	var basePath = '<%=basePath%>';
	var sessionAlert = '<spring:message code="itmp.tcs.inc.sessionAlert"/>';
	function reload(data){
		//if (res != null && res == "session_timeout") {
		//	window.opener.location.href=basePath+"login.do";
		//}
		var status =data.getResponseHeader("sessionstatus");
		if (data != null && status != null && status == 'timeout') {
				messconfirm3(sessionAlert,function(){
					top.location.href=basePath+"login.do";
				});
				//alert('连接已超时请重新登录!');
			}
	}
</script>
js页面:

//到警和反馈初始化出警人信息
function initArrivePerson(divId) {
	var jqids = $("#jqid").val();//获得警情id
	$.ajax({
		 type:"post",   
		 url:basePath + "kscj/findArrivePerson.do",
		 data:{"jqid":jqids},
		 dataType:"json",
		 async: false,
		 cache:false,
		 success : function(data) {
			 $("#"+divId).html("");
			 var arrivePerson="";
			 for (var i=0;i<data.length;i++) {
				 arrivePerson+="<span>";
				 arrivePerson+="<input type=\"checkbox\"  name=\"cjrxm\"  value=\'"+data[i].sjybh+"\'/><span>"+data[i].sjyxm+"</span>";
				 arrivePerson+="<input type=\"hidden\"  name=\"cjdbh\"  value=\'"+data[i].cjdbh+"\'/>";
				 arrivePerson+="</span>";
			 }
			 $("#"+divId).append(arrivePerson); 
		 }
	});
}

在jsp中引入需要的js文件,在jsp通过el获得服务器地址baseBath,然后定义变量,则在js中直接获得使用。


版权声明:本文为博主原创文章,未经博主允许不得转载。

相关文章推荐

JS中使用EL表达式

分两种情况 1. JS代码在JSP页面中, 这可以直接使用EL表达式. 如: $(function () { new BacklogOverview("${par...

js和el表达式操作list

JS和EL表达式操作list

JS中怎么使用EL表达式

在JS中怎么使用EL表达式?  对于刚使用没几天的菜鸟来讲可能是一个比较头疼的问题。因为在使用的时候经常 出现在JS中取不到值的情况;       下面我们来看一看怎么实现在javascript里...

js文件中使用el表达式问题

单独js文件不能用EL表达式 首先,JSP是由服务端执行的,EL表达式自然也由服务端解析执行,因此,如果EL所在的脚本在JSP页面内,它是可以获取到值的,这个值在服务器端返回到浏览器端时已经...

js中直接使用el表达式

1. JS代码在JSP页面中, 这可以直接使用EL表达式. 如: [html] view plain copy  print? script type="text/javascr...
  • ssssny
  • ssssny
  • 2016年06月24日 10:56
  • 226

在javascript使用EL表达式注意事项

整了半个上午,在javascript中使用类似${module.getName()}这样的EL表达式就会出现问题,后来查了半天,有人说在JAVASCRIPT中不能使用EL,或者有人说不规范,云云。后来...

JS中使用EL表达式及OGNL表达式

JS中使用EL表达式及OGNL表达式   function dis(){          //EL表达式必须加单引号''          document.getElementByI...

js中使用jsp脚本和el

String path = request.getContextPath(); String basePath1 = request.getScheme() + "://"         + r...

Delphi7高级应用开发随书源码

  • 2003年04月30日 00:00
  • 676KB
  • 下载

JSP页面EL表达式无效的问题

 以前用WSAD wizard做的,都可以在JSP页面中解析到EL表达式,当然前提是JSP2.0的情况下。  今天遇到了一个莫名其妙的问题。刚下载Eclipse3.3+MyEclipse6.0...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:js文件中使用el表达式问题
举报原因:
原因补充:

(最多只允许输入30个字)