/ / автоматичне перезавантаження контейнера div - javascript, jquery, css, html

автоматичний перезавантаження контейнера div - javascript, jquery, css, html

замість оновлення цілої сторінки через певний час, я "буду просто як певний контейнер Div, щоб перезавантажити / оновити. Чи є спосіб це зробити?

<div id="wrapper">
<div id="quoteContainer"></div>
</div>

Відповіді:

5 за відповідь № 1

Ви можете отримати бажаний ефект за допомогою jQuery та Googles ajax api

<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 ()
{
$("#load_latest_scores").load("latest_scores.html");
}, 10000); // refresh every 10000 milliseconds
</script>
<body>
<div id="load_latest_scores"> </div>
</body>

4 для відповіді № 2

Якщо у вас була сторінка, на якій подавалися цитати, наприклад quote.html наприклад, ви можете це зробити:

setInterval(refreshQuote, 10000); //every 10 seconds

function refreshQuote() {
$("#quoteContainer").load("quote.html");
}

У цьому випадку очікувана віддача від quote.html (або будь-яке джерело у вас є) це звичайна рядок, яка є цитатою, це займе це і замінить вміст <div id="quoteContainer"></div> з цим.


2 для відповіді № 3

я думаю, що один заступник був би

<script>
function render (){
$("#mydiv").html("<b>new stuff</b>")
}
window.setInterval(render, 500);
</script>