使用jquery计时器重新加载Div

Question

我正在尝试使用显示页面的服务器名称刷新页面上的div.这仅用于测试,因此我们可以测试当auth cookie超时时会发生什么.我想用jquery做这个,但我似乎无法得到任何工作.我在网上找到了一个我一直在努力的例子,但也一直在弄错.

我们在每个服务器上都有一个html页面,它只包含服务器名称.它是我们希望在div中显示的该页面的文本.

下面是我找到的代码示例.有人能帮我吗？我对jquery很新.任何帮助将不胜感激.

谢谢,

`

<script type="text/javascript" src="http://ajax.microsoft.com/ajax/jquery.ui/1.8.5/jquery-ui.min.js"></script>
<script src="../Scripts/jquery-1.2.6.min.js" type="text/javascript"></script>
<script src="../Scripts/jquery.timers-1.0.0.js" type="text/javascript"></script>

<script type="text/javascript">
    $(document).ready(function () {
        var j = jQuery.noConflict();
        j(document).ready(function () {
            j(".refreshMe").everyTime(5000, function (i) {
                j.ajax({
                    url: "refresh.html",
                    cache: false,
                    success: function (html) {
                        j(".refreshMe").html(html);
                    }
                })
            })
        });
        j('.refreshMe').css({ color: "red" });
    });
</script>

`

Answer 1

试试这个:

$(document).ready(function () {
    var interval = 500;   //number of mili seconds between each call
    var refresh = function() {
        $.ajax({
            url: "path/to/server/page.php",
            cache: false,
            success: function(html) {
                $('#server-name').html(html);
                setTimeout(function() {
                    refresh();
                }, interval);
            }
        });
    };
    refresh();
});

<div id="server-name"></div>

那么发生了什么？

我会refresh在页面准备就绪后调用,然后进行ajax调用path/to/server/page.php,返回所需的结果.

我显示结果div#server-name然后我做了一个setTimeout将refresh每隔intervalmili秒再次调用.