簡體   English   中英

具有動態html的JSP頁面

[英]JSP page with dynamic html

我一直試圖寫一個網站,通過隱藏和顯示divs處理所有導航。 據我了解,該方法稱為單頁界面。 過去,這種方法適用於簡單的設計,但是使用這種方法,我當前的任務變得非常麻煩。 我將如何復制相同的行為,但是除了隱藏和顯示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”

有人可以指出正確的方向嗎?

進一步說明:

也許我可以澄清一點。 因此,當用戶加載頁面時,將向他們顯示一個部分,該部分包含數據庫中所有現有文件的表。 用戶可以從數據庫列表中選擇一個文件進行重命名或復制。 例如,如果用戶希望重命名文件,則將為他們提供一個新的顯示(均在同一“標簽”中),該顯示將具有為其選擇的文件填充的一組字段和一組空字段他們可以在其中指定新文件名。 當前,這種顯示更改是通過顯示和隱藏div處理的,但是我想從服務器中檢索要顯示的html並將其顯示。 基本上模仿div的隱藏和顯示。

由於我不清楚您要做什么,因此我將為您提供一些選擇:

  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') %>

希望能有所幫助

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM