具有动态html的JSP页面
我一直在尝试写一个网站，其中所有的导航都是通过隐藏和显示div来处理的。据我所知，这种方法被称为单页界面。这在过去适用于简单的设计，但我现在的任务开始使用这种方法变得非常麻烦。我该如何去复制相同的行为，而不是隐藏和显示div，我可以只有一个主容器div，然后用服务器上想要的html填充它？
示例：
<script>
$("#button").onclick(function() {
$("#a").show();
$("#b").hide();
});
</script>
<html>
<body>
<div id="a" style="display:none;">A: SOME HTML</div>
<div id="b" style="display:block;">B: SOME HTML</div>
<button id="button">Change to A</button>
</body>
</html>(请注意，这是我正在尝试做的一个非常粗略的白色示例)
但是我希望通过一些jsp将容器div的内容从"B“更改为"A”。
有人能指出正确的方向吗？
进一步解释：
也许我可以说得更清楚一点。因此，当用户加载页面时，他们会看到一个部分，其中包含数据库中所有现有文件的表。用户可以从DB列表中选择要重命名或复制的文件。例如，如果用户希望重命名文件，则将向他们呈现新的显示(全部在相同的“Tab”中)，其中将具有为他们所选择的文件填充的一组字段以及一组他们可以在其中指定新文件名的空字段。目前这种显示的改变是通过显示和隐藏div来处理的，但是我想从服务器检索我想要显示的html并呈现它。基本上模仿了div的隐藏和显示。
回答 1
Stack Overflow用户
发布于 2013-02-21 16:49:56
因为我不完全清楚你想要做什么，所以我会给你一些选择：
- 替换页面上元素的内容请参见
- 由于您使用的是JSP，因此可以使用服务器端逻辑来显示使用JSP的某些
- ，使用该逻辑来呈现一些服务器端内容
广告1：
(假设为jQuery) $('body').load('serverSide.html');参见http://api.jquery.com/load/
广告2：
<% if ("a".equals(request.getParameter("aOrB"))) { %>
<jsp:include page="/a.jspf">
<% } else { %>
<jsp:include page="/b.jspf">
<% } %}公元3：
<%= request.getAttribute('content') %>希望这能有所帮助
https://stackoverflow.com/questions/14994241
复制相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号