Question

例如

 <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 () {
    $('#div').load('another.page');
}, 1000);
    </script>

我不希望'another.page'加载我只是想要刷新'#div'div是否有可能如果它是如何

谢谢

Answer 1

如果我理解正确，您的问题是自动重新呈现DIV。因此，您可以通过多种方式强制element重新呈现（无需重新加载） - 我发现最有效的方法是快速切换display element样式有问题。

那是：

将display属性设置为none：

element.style.display = 'none';

然后将其返回block

element.style.display = 'block';

以下是JSFiddle中示例的工作演示。

注意：它是纯粹的JavaScript。

Answer 2

以下是如何在不重新加载页面的情况下更新div内容的示例。你的问题有点不清楚，所以我希望这会有所帮助。

HTML

<div id="divID"></div>

的javascript

var counter = 1;
var auto_refresh = setInterval(
function () {
    var newcontent= 'Refresh nr:'+counter;
    $('#divID').html(newcontent);
    counter++;
}, 1000);

直播示例here。

Answer 3

您无法像这样只加载页面的一部分。但是您可以加载所有页面并仅获取所需的部分。例如：

$.get('anoter_page.html',function(data){
myDiv = $(data).find('#divID');
$('#divID').html(myDiv.html());
})

示例：JSFiddle

自动刷新div而不从其他页面加载

3 个答案: