Question

我有一个显示表格内容的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>

Answer 1

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

Answer 2

我相信refresh会有效，但这会违反超时政策

Answer 3

下面的代码对我有用，试试吧，让我知道它是否适合你。

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

Answer 4

加载内容而不刷新页面就可以使用JQuery Ajax 更多http://api.jquery.com/category/ajax/

使用JQuery自动刷新内容而无需重新加载页面？

4 个答案: