AJAX + jQUERY: мгновенно загрузите div, затем обновите каждые X секунд

Question

Я использую jquery + AJAX для обновления пары div каждые X секунд. Я хотел бы знать, как будет загружаться эти div сразу (в первый раз) после загрузки страницы, а затем ждать (например, 30 секунд) для каждого обновления. Я видел вокруг, что вы называете функцию, а затем вызываете обновление. Правда в том, что я не могу понять, как это сделать с моим кодом.

Вот мои строки кода:

// <![CDATA[ 
    $(document).ready(function() { 
    $.ajaxSetup({ cache: false }); // This part addresses an IE bug. without it, IE will only load the first number and will never refresh 
    setInterval(function() { 

    //DIVs that are being loaded 
    $('#item01_tobeloaded').load('items/item01.php'); 
    $('#item02_tobeloaded').load('items/item02.php'); 

}, 30000); // the "30000" here refers to the time to refresh the div. it is in milliseconds. 

    }); 
    // ]]> 

Любая помощь будет очень благодарны :)

Спасибо!

Answer 1

<script type="text/javascript"> 
    $(document).ready(function() { 
     $("#refresh").load("refresh.php"); 
     var refreshId = setInterval(function() { 
      $("#refresh").load('refresh.php?' + 1*new Date()); 
     }, 1000); 
    }); 
</script> 

Этот маленький скрипт загружает и обновляет обновление «ref» непрерывно, вы можете настроить его на свои нужды, изменив 1000 на любое требуемое значение. 1000 будет обновлять его каждую секунду.

Эта линия

$(document).ready(function() { 
$("#refresh").load("refresh.php"); 

нагрузки йор содержание в документе готовы, после чего вы можете придерживаться код