javascript - 用 jquery 刷新 div

Question

我想刷新一个 div。它应该有来自服务器的新信息。所有其他答案都假设您已经从 $.ajax 请求中获取了新数据，并告诉您将该数据加载到您的 div 中，隐藏它，然后再次显示它，如下所示:

$("#panel").hide().html(data).fadeIn('fast');

我知道，我知道，我可能应该只使用 Ajax 获取数据。但是现在，我只想刷新 div，而不刷新页面，也不将新的 HTML 放入 div。这可能吗？

Answer 1

I want to just refresh the div, without refreshing the page ... Is this possible?

是的，但除非您更改 div 的内容，否则它会执行任何操作并不明显。

如果你只是想要图形淡入效果，只需删除 .html(data) 调用:

$("#panel").hide().fadeIn('fast');

这是一个演示，您可以随意使用:http://jsfiddle.net/ZPYUS/

它更改了 div 的内容，而无需对服务器进行 ajax 调用，也无需刷新页面。不过，内容是硬编码的。如果不以某种方式联系服务器，您将无能为力:ajax、某种子页面请求或某种页面刷新。

html:

<div id="panel">test data</div>
<input id="changePanel" value="Change Panel" type="button">​

JavaScript:

$("#changePanel").click(function() {
    var data = "foobar";
    $("#panel").hide().html(data).fadeIn('fast');
});​

CSS:

div {
    padding: 1em;
    background-color: #00c000;
}

input {
    padding: .25em 1em;
}​