jquery - 使用 jquery 计时器重新加载 Div

Question

我正在尝试使用显示页面的服务器名称刷新页面上的 div。这仅用于测试，以便我们可以测试身份验证 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一旦页面准备好，就会对 path/to/server/page.php 进行 ajax 调用这将返回所需的结果。

我在 div#server-name 中显示结果然后我做一个setTimeout这将调用 refresh再次每隔interval毫秒。