在该div中仅重新加载<DIV>和php代码

Question

I have below code in a page called home.php.

<div class="Wrapper-notify" id="Wrapper-notify">
           <?php  echo rand(10,100); ?>
    </div>

How can I reload only this div and the php code on regular time interval. (I'm using codeigniter framework) please help

Answer 1

You should first create a .php page, let's say test.php printing data like this :

<?php
    echo rand(10,100);
?>

An you can use this code to load data from your page, this one is pure javascript

function getValue()
{
    if (window.XMLHttpRequest)
        AJAX=new XMLHttpRequest(); 
    else
    AJAX=new ActiveXObject("Microsoft.XMLHTTP");
    if (AJAX)
    {
        AJAX.open("GET", "test.php", false);
        AJAX.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
        AJAX.send();
        return AJAX.responseText;                                         
    } 
    else
        return null;
}
window.onload=function()
{
    setInterval(function(){
    document.getElementById("Wrapper-notify").innerHTML = getValue();
    },1000);
};

However, if you are using jQuery you can the use .get method to load data from server

$(document).ready( function() 
{
    setInterval(function(){ changeDiv(); },1000);
});
function changeDiv()
{
    $.ajax({
         url: "test.php",
         success: function(result)
         {
            $("#Wrapper-notify").html(result);
         }
    });
}