2014-01-31 285 views
0

我想要將一個.jsp頁面加載到index.jsp中的一個div中。動態加載div內容

目前我使用:

的index.jsp:此功能時,我使用myWorkContent DIV地方的文本屬性不同的隨機數每三秒鐘入格。

<script> 
    $(document).ready(
    function() { 
     setInterval(function() { 
      //var randomnumber = Math.floor(Math.random() * 100); 
      $('#myWorkContent').load('dailyImages.jsp'); 
      // $('#myWorkContent').text(
      //   'I am getting refreshed every 3 seconds..! Random Number ==> ' 
      //     + randomnumber); 
     }, 3000); 
    }); 
</script> 

然後我試着將它加載到dailyImages.jsp中,就像我爲隨機數做的那樣。該dailyImages.jsp如下:

<%@page contentType="text/html" import="java.util.Date;" %> 

<font face="verdana" size="2"> 
Current Time :<%= new java.util.Date() %> 
</font> 
<img src="images/IMG_20131216_084621.jpg" style="height: 80px;" /> 

這個div動態加載的第一次,雖然今後一段時期的日期不會改變。誰能幫我?

+1

聽起來像您的瀏覽器正在緩存GET請求。每次請求頁面時(例如,帶有隨機數或計數器的虛擬參數),請稍微更改網址或更改該頁面的服務器設置,以免頁面被緩存(例如,立即過期)。如有疑問,請使用Fiddler2查看返回的內容以及是否緩存。 –

回答

1

我想如果你添加下面的東西,它不會從緩存中加載它。它應該工作,如果它是緩存問題。你可以試試看。

$('#myWorkContent').load('dailyImages.jsp?' + (new Date()).getTime()); 
+0

也可改寫爲 $阿賈克斯({ 網址: 'dailyImages.jsp', 緩存:假 })。完成(功能(內容){ $( '#myWorkContent')追加(內容) ; }); –

+0

以及如何在dailyImages.jsp頁面中獲取該日期? – JoaoFilipeClementeMartins

+0

這個日期不是爲你的jsp發送的。您必須像在您的示例中那樣在JSP中獲取日期。添加此日期只是爲了確保瀏覽器無法緩存GET url,因爲我們在每次向瀏覽器添加新URL時都會在url中添加時間,因此不會緩存。 –