SetTimeout 更新 MVC3 中的局部视图随机执行

Question

我正在开发一个使用 asp.NET mvc3 的应用程序。 我创建了一个局部视图，并在视图中调用了这个局部视图，这样我就可以在不重新加载页面的情况下更新一个 div。 我使用 setTimeout（但我也尝试过 setInterval）来定义刷新时间。 问题是它不起作用，它随机刷新div，而不是按照我设置的时间，并且没有我能理解的逻辑，有时它刷新两次，有时它等待，但永远不会超过时间我设置。 这是局部视图的代码。在视图中我只调用局部视图。

<script type="text/javascript">
var st;
function updateDiv() {
    st = null;
    clearTimeout(st);
    console.log("posting");
    $.post('@Url.Action("RefreshSelfUpdatingPartial")', function (data) {
        $('#SelfUpdatingPartialDiv').hide().slideDown("slow").html(data);
        //wait 15 seconds
        st = setTimeout(updateDiv, 15000);
    });
}
updateDiv();
</script>
<div id="SelfUpdatingPartialDiv">
test

</div>

Answer 1

"这是局部视图的代码。在视图中我只是调用局部视图。"

如果以上所有代码都在部分视图中，这是否意味着 $.post() 将把以上所有代码加载到 <div> 中，从而导致上面嵌套的第二个副本本身？随着超时的运行，它只会在自身内部嵌套越来越多的副本。

我建议您将以上所有内容移到主视图中，然后部分视图应仅返回您想在 <div> 中看到的任何文本（并且没有 JavaScript）。

（如果我引用的语句不是您的意思，那么请更新您的帖子以更清楚地解释上述代码的位置以及$.post('@Url.Action("RefreshSelfUpdatingPartial")) 实际返回的内容。）

（另外，就像 Alex 所说，在将 st 变量传递给 null 之前不要将其设置为 clearTimeout() - 尽管我认为您可以删除这两行，因为您不需要清除超时在它已经被触发之后。）