js 动态生成 jstl
JSTL（JavaServer Pages Standard Tag Library）是一组标准标签库，用于简化Java Web应用程序的开发。它提供了一组预定义的标签，可以在JSP页面中使用，以减少脚本代码的使用，提高代码的可读性和可维护性。
基础概念
JSTL 包含多个核心标签库（core）、格式化标签库（fmt）、SQL标签库（sql）和XML标签库（xml）。这些标签库提供了处理循环、条件判断、国际化、数据库操作和XML处理等功能。
动态生成JSTL
在JavaScript中动态生成JSTL通常指的是在客户端通过JavaScript代码生成JSP页面所需的JSTL标签，并将其发送到服务器端进行处理。这种方式可以用于实现一些动态交互功能。
示例代码
假设我们有一个简单的需求：根据用户的选择动态生成一个JSTL的<c:if>标签。
前端JavaScript代码
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Dynamic JSTL</title>
</head>
<body>
<select id="conditionSelect">
<option value="true">True</option>
<option value="false">False</option>
</select>
<button onclick="generateJSTL()">Generate JSTL</button>
<div id="jstlOutput"></div>
<script>
function generateJSTL() {
const condition = document.getElementById('conditionSelect').value;
const jstlTag = `<c:if test="${condition}">Condition is true</c:if>`;
document.getElementById('jstlOutput').innerText = jstlTag;
}
</script>
</body>
</html>后端JSP代码
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Dynamic JSTL Result</title>
</head>
<body>
<c:out value="${param.jstlTag}" escapeXml="false"/>
</body>
</html>解释
- 前端部分：
- 用户通过下拉菜单选择一个条件（true或false）。
- 点击按钮时，JavaScript函数
generateJSTL会被调用。 - 该函数根据用户的选择生成相应的JSTL标签，并将其显示在页面上。
- 后端部分：
- JSP页面接收前端传递的JSTL标签字符串。
- 使用
<c:out>标签输出该字符串，并设置escapeXml="false"以确保标签不被转义。
应用场景
- 动态表单生成：根据用户输入动态生成表单字段和验证逻辑。
- 条件渲染：根据不同的条件显示不同的内容。
- 动态菜单：根据用户权限或选择动态生成导航菜单。
可能遇到的问题及解决方法
- 标签未正确解析：
- 确保在JSP页面中正确引入了JSTL库。
- 检查
taglib指令是否正确。
- 安全问题：
- 动态生成的标签可能包含恶意代码，需要进行适当的输入验证和过滤。
- 使用
escapeXml="false"时要格外小心，确保传递的内容是安全的。
- 性能问题：
- 频繁的动态生成和解析JSTL标签可能会影响性能。
- 考虑使用缓存或其他优化手段来减少不必要的计算。
通过这种方式，可以在客户端和服务器端之间实现更灵活的交互，同时保持代码的可维护性和可读性。
相关·内容
1回答
我正在建立一个表单，这是动态创建新的输入字段使用java脚本，但我面临的问题与EL是不能使用内部的javascript来建立HTML页面。下面是javascript生成的表单。 </div> </dl>生成表单的= "yyyy-MM-dd")
priva
浏览 1提问于2015-08-17得票数 0
如何将el代码和jstl代码添加到动态生成的文本框中，如${fn:escapeXml(param.foo)}作为textbox的值。
浏览 0提问于2011-08-05得票数 0
回答已采纳
1回答
<script type="text/javascript" src="resources/js/myTutorModule.js"> 此行在浏览器中呈现如下所示。控制器1 localhost:8080/myApp/user/resources/js/myTutorModule.js
控制器2 localhost:8080/myAp
浏览 4提问于2016-06-25得票数 0
回答已采纳
我使用的是facelet，绘图函数有jstl标签： <h:outputScriptname="js/graphics/paths.js"/>
<h:outputScript name="js/graphics/draw.js&q
浏览 3提问于2012-07-31得票数 0
回答已采纳
1回答
摘录自一本书，
我完全理解无状态的概念，就像在login表单中一样。我不明白的是作者的观点，JSTL和绑定在无状态模式下是不可用的。请澄清。
浏览 1提问于2016-04-14得票数 1
回答已采纳
JasperException使用XML时，我得到了以下web.xml，而不是被废弃的DOCTYPE声明：pom.xml： <groupId>javax.servlet</groupId>
<artifactId
浏览 0提问于2016-01-27得票数 2
回答已采纳
包含javascript文件的代码如下所示：如您所见，该文件正在动态加载。:)HTTP/1.1 20
浏览 6提问于2016-11-21得票数 0
回答已采纳
1回答
使用jstl访问div值
、、、
我有一个div值，因为我是使用js动态获取的。"${obj.dataEmployee}" varStatus="status">JS//out.print("done"); //a
浏览 2提问于2016-05-23得票数 0
1回答
我希望通过支持jQplot中的bean值而不是静态数组来生成分段。/resources/chart/jqplot-javascript/jquery-1.3.2.min.js"/> &l
浏览 0提问于2010-12-08得票数 0
1回答
当前，应用程序使用JSTL将select查询的结果输出到HTML表。该表的最后一列对每个记录都有一个Delete链接，该链接将参数action=delete&id=1发送到服务器。这些链接的href的id param值部分显然是使用JSTL根据传递到JSP的带有数据库结果的数据库记录键动态生成的。其行为应该是用户单击该行，整个行颜色发生变化，JS保留选定行的索引。一次只能选择一行。如果用户再次单击该行，它将被取消选中，即颜色返回到原来的颜色，JS不再将该行索引标识为高亮显示。例如
浏览 8提问于2014-04-16得票数 0
回答已采纳
我在jstl中使用DynamicAttribute。它可能会捕获tld中未声明的所有属性。有没有办法只为某些不存在的属性生成编译错误？假设我想禁止使用foo="bar"属性，但允许动态使用data-*="bar"作为HTML5数据属性规范中指定的任何字符串*。如果没有这样的特性，我如何使用当前的java jstl规范实现相同的结果呢？
浏览 4提问于2013-01-28得票数 0
回答已采纳
1回答
<display:column href="foo" class="details" *rel="foo"*>Details</display:column>
一种可能的解决方案是使用JSTL标记，但我也找不到任何关于此标记的
浏览 0提问于2011-10-14得票数 0
回答已采纳
1回答
我正在创建一个基于xml的动态菜单。该XML将被解析并生成最终菜单。<name>menu.level1.Accounts</name> </menu>我使用jstl<%@ taglib prefix="c" uri="http://java.sun.com/
浏览 3提问于2013-09-16得票数 0
回答已采纳
1回答
环境：我拥有的：图像存储在文件系统上，我得到了用于存储模型的MySQL DB。我试着在我的webapp中的一个视图上显示图像，一切都很好。我还展示了一些b:carousel标记的图片，它们来自引导面，每件事情都像我所期望的那样工作。我尝试的下一个步骤是用来显示一组大小不同的图像。以下代码是我意识到这一点的尝试：
&l
浏览 5提问于2016-08-24得票数 2
回答已采纳
1回答
我希望从存储到数据库中的字段中生成动态页。导航器响应：Hello因此，servlet不会呈现存储在数据库中的JSTL</e
浏览 0提问于2013-04-05得票数 0
回答已采纳
1回答
我遇到了这种情况：<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"/jsp/jstl/sql"
浏览 2提问于2017-02-22得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
腾讯会议
云直播
对象存储活动推荐
腾讯云开发者
