如何使用ajax自動刷新頁面（並阻止實際的瀏覽器刷新）？

Question

我想將一個小的自動淡化javascript添加到已有jQuery的頁面。

我沒有對網站的控制權，所以我無法將簡單的腳本添加到每次刷新後都會顯示的HTML中。

我必須在控制檯中運行腳本，否則頁面將只刷新一次。

這裏就是我想：

var x = function(){ 
    // reload the page 
    jQuery('html').load(window.location.href); 

    // recurse every 5 seconds 
    setTimeout(x, 5000); 
}; 

// init 
x(); 

這是產生appendChild錯誤。我猜我只是想解決這個問題。

Answer 1

儘管缺乏信仰，這是可能的，這樣的解決方案，而不是完美的，肯定是合作得非常好

(function x(){ 
    jQuery('html').html('<iframe width="100%" height="' + $(window).height() + 'px" src="' + window.location.href + '"></iframe>'); 

    setTimeout(x, 5000); 
})(); 

Answer 2

嘗試使用window.location.reload();像下面的自動刷新腳本，

<script> 
    setTimeout(function() { 
     window.location.reload(); 
    }, 5000); 
</script> 

Answer 3

試試這個：

function x(){ 
    setTimeout(function(){ location.reload(); }, 5000); 
}(); 

編輯：你做了你的問題更加清楚一點。這應該是訣竅：

setInterval(function(){ location.reload(); }, 5000); 

Answer 4

也許你想用頁面內容替換正文。它不會重新加載整個頁面，所以你的腳本將保持在那裏。但是，它可能與頁面上的現有腳本衝突。

如何做到這一點：

var x = function() { 
    $('body').load(window.location.pathname); 

    setTimeout(x,5000); 
} 
x(); 

jQuery Reference

編輯：

，現在更多的 'syntatically沒有那麼可怕' 的方法：重寫整個文件。

var x = function() { 
    $.get(window.location.pathname, function (data) { 
    document.open(); 
    document.write(data); 
    document.close(); } 
); 

    setTimeout(x,5000); 
} 
x(); 

這可以正常工作，不會重新加載正文標籤下的頁面。

但我認爲這是一個注射黑客太多打字和憂慮：P