el表达式中使用js变量
在EL（Expression Language）表达式中，默认情况下是无法直接使用JavaScript变量的。EL表达式主要用于在JSP页面或其他Java Web应用中访问Java对象和它们的属性。然而，你可以通过一些方法间接地在EL表达式中使用JavaScript变量的值。
基本概念
- EL表达式：EL表达式是一种简洁的表达式语言，用于在JSP页面中访问Java对象的属性，而无需编写大量的Java代码。
- JavaScript变量：JavaScript变量是在客户端（浏览器）中定义和使用的变量。
相关优势
- 简化代码：EL表达式可以使JSP页面更加简洁，减少Java代码的嵌入。
- 提高可读性：EL表达式使得页面逻辑更加清晰，便于维护。
类型
- 隐式对象：EL表达式提供了一些隐式对象，如
${pageContext}、${request}、${session}等，用于访问不同作用域的属性。 - 运算符：EL表达式支持算术运算符、关系运算符、逻辑运算符等。
应用场景
- 数据展示：在JSP页面中展示从服务器端传递过来的数据。
- 条件判断：根据条件动态显示不同的内容。
解决方法
要在EL表达式中使用JavaScript变量的值，可以通过以下步骤：
- 将JavaScript变量的值传递给服务器端：
- 使用AJAX请求将JavaScript变量的值发送到服务器端。
- 将JavaScript变量的值存储在隐藏字段中，然后提交表单。
- 在服务器端接收并处理：
- 在服务器端（如Servlet或Controller）接收JavaScript变量的值，并将其存储在请求或会话作用域中。
- 在EL表达式中使用：
- 在JSP页面中使用EL表达式访问服务器端存储的值。
示例代码
JavaScript部分：
<script type="text/javascript">
var jsVar = "Hello, World!";
// 使用AJAX将jsVar的值发送到服务器端
fetch('yourServletURL', {
method: 'POST',
headers: {
'Content-Type': 'application/json'
},
body: JSON.stringify({ jsVar: jsVar })
}).then(response => response.text())
.then(data => console.log(data))
.catch(error => console.error('Error:', error));
</script>服务器端（Servlet）部分：
import java.io.IOException;
import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import com.fasterxml.jackson.databind.ObjectMapper;
@WebServlet("/yourServletURL")
public class YourServlet extends HttpServlet {
protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
ObjectMapper mapper = new ObjectMapper();
JsonNode jsonNode = mapper.readTree(request.getInputStream());
String jsVar = jsonNode.get("jsVar").asText();
// 将jsVar的值存储在请求作用域中
request.setAttribute("jsVar", jsVar);
// 转发到JSP页面
request.getRequestDispatcher("yourJspPage.jsp").forward(request, response);
}
}JSP页面部分：
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
<title>EL表达式示例</title>
</head>
<body>
<h1>${jsVar}</h1>
</body>
</html>总结
虽然EL表达式本身无法直接使用JavaScript变量，但通过将JavaScript变量的值传递给服务器端，并在服务器端进行处理和存储，可以在EL表达式中使用这些值。这种方法结合了AJAX和服务器端处理，实现了前后端的数据交互。
相关·内容
我正在尝试设置一个小叶地图，用户可以在数据集的两个表达式之间进行选择。第一个是热图，第二个是比例符号，每个符号都在自己的.js中设置。") loadScript("main.js");};functionchangeExpression(src){
var heat = document.createElement
浏览 0提问于2019-05-08得票数 0
2回答
有时，我需要在JSF页面中使用EL呈现JavaScript变量。或当EL表达式计算为包含JS特殊字符(如撇号和换行符)的字符串时，此操作将失败，并出现JS语法错误。
浏览 3提问于2011-07-07得票数 5
回答已采纳
我使用的是spring MVC。ContentDeletedException model.addAttribute("data",myClassObj);}
现在在myPage.jsp中，是否可以调用show("${data}")并将${data}视为JSON或js对象？
浏览 2提问于2014-04-08得票数 0
如何将JS中的字符串变量设置为另一个字符串中匹配的正则表达式？当我使用Sublime或记事本搜索时，它可以工作，但它不能与JS一起工作。var str = " 261 OSCAR BARRAGAN ALFARO EL 17-05-14 $2832.00";
var result = str.match('\s[0-9]{3}\s')
浏览 2提问于2015-04-13得票数 0
4回答
我试图通过Javascript从元素的CSS3属性中提取一个值，如下所示：el {}var style = $('el').css('-moz-transform');我想提取与该字符串中的我认为最快，或者至少是最优雅的方法是使
浏览 10提问于2012-03-21得票数 0
回答已采纳
1回答
我想从javascript函数访问JSF资源(在WebPages/resources/img下)，如下所示： arguments[i].poster = './img/sppiner.png';我试过arguments[i].poster = "${resource['img/sppiner.png']}";和arguments[i].poster = '${resource[\'img/sppiner.png\']}';，但是不起作用。
我能做什么?
浏览 2提问于2015-05-08得票数 3
回答已采纳
2回答
在Struts2后端，我有一个操作类实例变量，例如：keyName。返回到视图(JSP)的动态键。
使用POST方法使用请求参数设置此keyName变量。在JSP中，我使用<s:property value="getText(keyName)" />来显示与keyName变量提供的键对应的标签。例如，当我向${90-40}发送EL表达式时，将对该表达式进行计算，从而在UI上显
浏览 0提问于2015-08-14得票数 2
回答已采纳
我想使用两个查询中的一个作为变量，但有两个不同的表，并且出现错误“无法确定条件表达式的类型，因为在System.Linq.IQueryable<WGamesTicket>和System.Linq.IQueryable(from el in objDC.WGamesTickets
where el.ticket.time == DTtemp//&& el.typeOfGame == &quo
浏览 1提问于2011-07-11得票数 1
回答已采纳
<p:graphicImage value="#{resource['images:primefaces-ui/#{car.manufacturer}.jpg']}"/>
我想先计算内部el，然后使用资源我尝试过<c:set>标记，但它的变量也是EL，所以没有任何区别。
浏览 0提问于2011-11-02得票数 15
回答已采纳
在我的一个XPages中，我想使用SSJS或表达式语言(EL)来访问dojo变量。这个是可能的吗？dojo.cookie变量使用dojo.cookie("sectionDisplay“、"Allgemein”、{ expires: 1 })设置。
浏览 2提问于2014-01-27得票数 1
回答已采纳
我将一个名为student的映射对象传递给jsp，而学生有一些属性，比如NAME,SEX,ADDRESS,PHONE，所以js函数中的on.Now --我想首先从student.At获得一些属性，我尝试这样编码
浏览 3提问于2015-09-12得票数 2
回答已采纳
6回答
if ($el.prop('disabled') == false) { $el.trigger(e).trigger('change'); 具体地说，&&的交易是什么？另外，美元在$el中的含义是什么？它是这样设置的：$el = $(
浏览 0提问于2013-07-15得票数 0
回答已采纳
我使用的是Java和jQuery，但是表达式在jQuery与EL表达式的冲突中，如何避免jQuery的冲突？
我也想逃离一大块Javascript。
浏览 1提问于2011-04-10得票数 6
回答已采纳
3回答
我试图使用jsp在JSP页面中显示会话属性"userSession“，但它返回null (案例1)。但是，在EL表达式中正确地显示了请求属性。相反，使用，行为如案例2和3所示：
<c:out value="${userSession}"/> \返回null<c:out value='<%=request.getSession().getAttributeuserSession")%>'/>
浏览 6提问于2011-01-18得票数 9
回答已采纳
为什么不能在JS和jQuery中使用相同的变量呢？例如：var el = document.getElementById('elementFirst'); //js codevar el
浏览 4提问于2017-09-05得票数 1
回答已采纳
我正在绘制一个地图，允许用户从数据集的两个表达式中选择一个并在它们之间切换。每个表达式都在自己的.js中设置(热图的main_heat.js，比例符号的main.js )。我的问题是在我的index.html文件中设置将基于单击加载所选表达式的控件。loadScript("main.js");};
var el = doc
浏览 2提问于2019-05-08得票数 1
回答已采纳
1回答
在一个R闪亮的应用程序中，我想为用户提供更新datatable初始化选项的能力。例如，用户可能希望在某些情况下通过字符串文字搜索datatable内容，在其他情况下则通过regex搜索。
浏览 4提问于2022-04-23得票数 1
有时EL表达式太长，或者我被迫截断bean的名称以使EL易于阅读。我只是想知道是否有一种方法可以让我的4-5级深度EL表达式只有一个简单的别名或变量名？这样我就可以使用它，而不是在页面上重复整个表达式？
浏览 1提问于2013-06-17得票数 0
回答已采纳
1回答
我们使用yuicompressor-maven-plugin来压缩css/js资源。不幸的是，它破坏了我们嵌入的EL表达式。#{fooBean.fontSize}px;变成了px}
这使得表达式无法解析(Cannot evaluate EL expression fooBean.fontSize; in resource c
浏览 4提问于2015-03-09得票数 1
3回答
我到了，上面说这里有个了结： document.getElementById('el').onclick = function(){clickHandler = function() { }; var el= document.getElementById('el');
浏览 7提问于2014-08-24得票数 6
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
云直播
腾讯会议活动推荐
腾讯云开发者
