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

use*_*093 2 jquery jsp

我有一个jsp页面,显示表的内容.当用户查看页面时,表格的内容会逐秒变化.因此,用户每次都必须刷新页面才能看到新鲜和更新的内容.如何在不刷新页面的情况下更新jsp页面的内容.

这是我的代码

它不会工作.请给我你的建议,如果没有给出示例代码谢谢

的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>
Run Code Online (Sandbox Code Playgroud)

And*_*uhl 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>
Run Code Online (Sandbox Code Playgroud)

  • 适合你吗?你应该把它标记为答案! (5认同)