2013-06-26 3 views
2

У меня есть страница jsp, которая показывает содержимое таблицы. Пока пользователь просматривает страницу, содержимое таблицы меняется на второй по счету. Таким образом, пользователь должен обновлять страницу каждый раз, чтобы увидеть свежие и обновленные материалы. Как обновить содержимое страницы jsp, не обновляя страницу.Автоматическое обновление содержимого без перезагрузки страницы с помощью JQuery?

вот мой код PLS

он не будет работать .Please дайте мне ваши предложения, и если не дать пример кода благодаря

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> 
+0

Вы проверили fiddler (или сравнительный инструмент), чтобы узнать, что возвращает 'samp.jsp'? – jbabey

+0

Этот код работает в jsp. возможно, PLS дать мне, чтобы отредактировать этот код – user2493093

ответ

-1

загрузить содержимое без обновить страницу, которую вы можете использовать JQuery Ajax для получения дополнительной информации http://api.jquery.com/category/ajax/

+0

'load' является проходом к' ajax', который он уже использует. – jbabey

+0

Этот код работает в jsp. возможно, PLS дать мне, чтобы отредактировать этот код – user2493093

+1

как насчет jQuery получить функцию вместо нагрузки? –

5
<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> 
+0

Действительно сработал – user2493093

+5

Работает для вас? Вы должны отметить это как ответ! –

0

Я считаю, что refresh будет работать, но это нарушит тайм-аут политики

0

Код ниже работал для меня, просто попробуйте и дайте мне знать, если он сработает и для вас.

<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> 
+0

приятно, но объясните это немного подробнее пользователю2493093 – someone