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

单独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"/>

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表达式问题的更多相关文章

js文件中使用EL表达式的问题
var str = '${str}' ; var str = '${obj.属性名}'; 只可以再jsp页面的<script></script>中使用,外部引入的js文件中不能 ...
在js文件中写el表达式取不到值的原因及解决方法
1.javascript是客户端执行,EL是在服务端执行,而服务端比客户端先执行,所以取不到值 2.要想获取"${jcDropClass.jcClass.id}"的值,可以在jsp ...
独立的js文件中不能使用EL表达式取值
在独立的js文件中写了一个EL表达式取值,发现没有取到值,原因在于不能在独立的js文件中使用EL表达式,可以在jsp页面定义全局变量,然后在js文件中引用
js中“使用”el表达式
在说相关内容前,一定要先熟悉jsp运行原理: http://blog.csdn.net/lmsnju/article/details/4813488 http://hi.baidu.com/mingf ...
js文件中如何使用获取EL表达式的值
转: js文件中如何使用获取EL表达式的值原先做法是在jsp页面引入头文件 <%@ page language="java" pageEncoding="UTF ...
JS中使用EL表达式
转自:http://blog.csdn.net/monkeyking1987/article/details/17146951 分两种情况 1. JS代码在JSP页面中, 这可以直接使用EL表达式. ...
JS中使用EL表达式方法与获取工程名字
关键: 在js中使用el表达式一定要使用双引号分两种情况 1. JS代码在JSP页面中, 这可以直接使用EL表达式. 如: <script type="text/javas ...
js 中使用el表达式关键总结：在js中使用el表达式一定要使用双引号
js 中使用el表达式关键总结:在js中使用el表达式一定要加双引号 js控制中用到了el表达式,最开始源码如下: var selected = ${requestScope.xxxxForm.re ...
转：el表达式获取map对象的内容 & js中使用el表达式 & js 中使用jstl 实现 session.removeattribute
原文链接: ①EL表达式取Map,List值的总结 ②在jsp中使用el表达式通过键获得后台的一个map<Long,String>的值 ③在javascript中使用el表达式(有图有真相 ...

随机推荐

[leetcode] 题型整理之数字加减乘除乘方开根号组合数计算取余
需要注意overflow,特别是Integer.MIN_VALUE这个数字. 需要掌握二分法. 不用除法的除法,分而治之的乘方 2. Add Two Numbers You are given two ...
关于 Netty Channel 的 Autoread
Netty 4 的 Channel 多了一个 autoread 参数, 它的用处是在让 channel 在触发某些事件以后(例如 channelActive, channelReadComplete) ...
解决php configure: error: Cannot find ldap libraries in /usr/lib.错误
解决php configure: error: Cannot find ldap libraries in /usr/lib.错误 iitshare 分类:Linux,PHP,项目实施 | 标签:Ca ...
poj3311（状压dp）
题目连接:http://poj.org/problem?id=3311 题意:一个送披萨的,每次送外卖不超过10个地方,给你这些地方之间的时间,求送完外卖回到店里的总时间最小. 分析:跑一遍Floyd ...
IDL 使用数组
1.下标方式 IDL> array=indgen(8) IDL> print,array 0 1 2 3 4 5 6 7 IDL> print,array[3] IDL> ar ...
ubuntu git hub 建立仓库
https://www.cnblogs.com/woider/p/6533709.html 1.安装git apt-get install git 2.配置 Git 用户信息把用户名和邮箱换成你自己 ...
《深入理解Java虚拟机》读书笔记：垃圾收集器与内存分配策略
请移步至:http://zhanjindong.info/2014/05/18/java-gc/
Lua 与 OC 相互调用
本文主要讲如何完成lua和object-c的相互调用. lua是一种脚本语言,可以方便的移植到各种宿主语言中,并且可以支持热更新,在游戏开发中也能当做主要的语言来编写游戏的逻辑,但是要接入 ...
Linux性能优化第一章性能追踪建议
1.1常用建议1.1.1记大量的笔记(记录所有的事情)在做性能调优问题的时候很重要的一个操作就是记录下所有的事情,包括每一个输出.执行的结果.可以新建一个文件夹,然后把结果的文件都塞到该文件夹内.包括 ...
C#学习笔记（9）——委托（窗体传值）
说明(2017-5-30 11:38:06): 1. 窗体1传值到窗体2,只要实例化Form2,“Form2 frm2 = new Form2(txt1.Text)”,这里要给Form2加一个带参数的 ...

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

js文件中使用el表达式问题的更多相关文章

随机推荐

热门专题