Автоматичне оновлення вмісту без перезавантаження сторінки за допомогою JQuery?

У мене є сторінка jsp, яка показує вміст таблиці. Хоча користувач переглядає сторінку, зміст таблиці змінюється на основі другого за другим. Таким чином, користувач повинен оновлювати сторінку щоразу, щоб побачити свіжий і оновлений вміст.  Як оновити вміст сторінки jsp, не оновлюючи сторінку.

ось мій код 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>
2
ви перевірили fiddler (або подібний інструмент), щоб побачити, що повертається samp.jsp ?
додано Автор jbabey, джерело
Чи вказаний вище код працює в jsp. можливо, дайте мені редагувати цей код
додано Автор user2493093, джерело
Чи вказаний вище код працює в jsp. можливо, дайте мені редагувати цей код
додано Автор user2493093, джерело

8 Відповіді

<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>
5
додано
Працює для вас? Ви повинні позначити його як відповідь!
додано Автор Andy Brudtkuhl, джерело
Дійсно працював
додано Автор user2493093, джерело
<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>
5
додано
Працює для вас? Ви повинні позначити його як відповідь!
додано Автор Andy Brudtkuhl, джерело
Дійсно працював
додано Автор user2493093, джерело

to load the contents without refresh the page you can use jQuery Ajax for more http://api.jquery.com/category/ajax/

1
додано
як щодо jQuery отримати функцію замість навантаження?
додано Автор Able Alias, джерело
load - це перехід до ajax , який він вже використовує.
додано Автор jbabey, джерело
Чи вказаний вище код працює в jsp. можливо, дайте мені редагувати цей код
додано Автор user2493093, джерело

to load the contents without refresh the page you can use jQuery Ajax for more http://api.jquery.com/category/ajax/

1
додано
як щодо jQuery отримати функцію замість навантаження?
додано Автор Able Alias, джерело
load - це перехід до ajax , який він вже використовує.
додано Автор jbabey, джерело
Чи вказаний вище код працює в jsp. можливо, дайте мені редагувати цей код
додано Автор user2493093, джерело

Я вважаю, що refresh буде працювати, але це порушує політику тайм-ауту

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
додано
Приємно, але пояснити це трохи більше user2493093
додано Автор someone, джерело

Наведений нижче код працював для мене, просто спробуйте і дайте мені знати, якщо він працює для вас теж.

<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
додано
Приємно, але пояснити це трохи більше user2493093
додано Автор someone, джерело