使用JQuery自動刷新內容而無需重新加載頁面？

我有一個jsp頁面，它顯示了表格的內容。用戶查看頁面時，表格的內容會逐秒更改。因此，用戶必須每次刷新頁面以查看新鮮和更新的內容。如何更新jsp頁面的內容而不必刷新頁面。使用JQuery自動刷新內容而無需重新加載頁面？

這裏是我的代碼PLS

將無法正常工作。請給我你的建議，如果不給一個示例代碼感謝

的index.jsp

<html> 
<head> 
    <Title>Just A Test</Title> 
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.0/jquery.min.js"></script> 
    <script type="text/javascript"> 
    var auto_refresh = setInterval(
    function() 
    { 
    $('#load_me').load('samp.jsp').fadeIn("slow"); 
    }, 10000); // autorefresh the content of the div after 
       //every 10000 milliseconds(10sec) 
    </script> 
</head> 
<body> 
<div id="load_me"> <%@ include file="samp.jsp" %></div> 
</body> 
/html>

來源

2013-06-26 user2493093

你檢查了fiddler（或類似的工具），看看'samp.jsp'返回什麼？ – jbabey

上面的代碼是在jsp中工作的。是可能的，請給我編輯代碼 – user2493093

-1

加載內容不刷新頁面即可使用JQuery Ajax 瞭解更多http://api.jquery.com/category/ajax/

來源

2013-06-26 14:52:05

'load'是傳遞到'ajax'，他已經在使用。 – jbabey

上面的代碼是在jsp中工作的。有可能請給我編輯該代碼 – user2493093

那麼jQuery獲取函數而不是加載？ –

<html> 
    <head> 
     <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.0/jquery.min.js"></script> 
     <script> 
      $(document).ready(function() { 
       var reloadData = 0; // store timer 

       // load data on page load, which sets timeout to reload again 
       loadData(); 
      }); 

      function loadData() { 
       $('#load_me').load('samp.jsp', function() { 
        if (reloadData != 0) 
         window.clearTimeout(reloadData); 
        reloadData = window.setTimeout(loadData, 10000) 
       }).fadeIn("slow"); 
      } 
     </script> 
    </head> 
    <body> 
     <div id="load_me"></div> 
    </body> 
</html>

來源

2013-06-26 15:03:49

真的工作過嗎 – user2493093

適合你嗎？您應該將其標記爲答案！ –

我相信refresh將工作，但這將違反超時政策

來源

2014-11-16 02:34:33 Sanjay

下面的代碼爲我工作，只是嘗試它，讓我知道它是否也適用於你。

<html> 
    <head> 
     <Title>Just A Test</Title> 
     <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.0/jquery.min.js"></script> 
     <script type="text/javascript"> 
     var auto_refresh = setInterval(
     function() 
     { 
     $('#load_me').load('samp.jsp').fadeIn("slow"); 
     }, 1000); // autorefresh the content of the div after 
        //every 1000 milliseconds(1sec) 
     </script> 
    </head> 
    <body> 
    <div id="load_me"> <%@ include file="samp.jsp" %></div> 
    </body> 
</html>

來源

2015-04-16 18:50:41

不錯，但更多地向user2493093解釋一下 – someone

使用JQuery自動刷新內容而無需重新加載頁面？

回答

相關問題