0

我一直在尝试编写一个网站，其中所有导航都通过隐藏和显示 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”

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

进一步说明：

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

4

1 回答 1

1

由于我并不完全清楚您要做什么，因此我会给您一些选择：

  1. 替换页面上元素的内容，请参阅
  2. 由于您使用的是 JSP，因此您可以使用服务器端逻辑来显示某些片段
  3. 您正在使用 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') %>

希望有帮助

于 2013-02-21T08:49:56.293 回答