Question

我一直在努力编写一个网站，通过隐藏和显示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>

（注意这是我想要做的白色的一个非常粗略的例子）

但是我希望容器div的内容通过一些jsp从“B”变为“A”

有人能指出正确的方向吗？

进一步说明：

也许我可以澄清一点。因此，当用户加载页面时，它们会显示一个部分，其中包含数据库中所有现有文件的表。用户可以从DB列表中选择一个文件来重命名或复制。例如，如果用户希望重命名文件，则会向他们显示一个新的显示（全部在同一个“选项卡”中），这些显示将为他们选择的文件和一组空字段填充一组字段他们可以在其中指定新文件名。目前这种显示的更改是通过显示和隐藏div来处理的，但我想从服务器中检索我想要显示的html并显示它。基本上模仿div的隐藏和显示。

Answer 1

由于我不清楚你要做什么，我会给你一些选择：

替换页面上元素的内容，请参阅
由于您使用的是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') %>

希望有所帮助

带有动态html的JSP页面

1 个答案: