如何每15秒刷新一次带有ajax的div

时间:2015-03-08 05:57:10

标签: javascript php html ajax

我希望这个div每15秒刷新一次,它已经刷新了,事情是它刷新一次,下次刷新它的表被删除了,我不知道为什么:(

    <div class="refresh">   
    <table class="editinplace">
        <tr>
            <th>id</th>
            <th>Nombre</th>
            <th>Apellidos</th>
            <th>Telefono</th>
            <th>Status</th>
        </tr>
    </table>
</div>

这是附加json的ajax

    var auto_refresh = setInterval(
        function ()
        {
        $('.refresh').load('index.html');
        }, 10000); // refresh every 10000 milliseconds


   $(document).ready(function() 
{ 

    $.ajax({
        type: "GET",
        url: "editinplace.php?tabla=1"
    })
    //Vector
    .done(function(json)  
    {
        json = $.parseJSON(json)
        for(var i=0;i<json.length;i++)
        {   
            $('.editinplace').append
            (
                "<tr><td class='id'>"
                +json[i].id
                +"</td><td>"
                +json[i].nombre
                +"</td><td>"
                +json[i].apellidos
                +"</td><td>"
                +json[i].telefono
                +"</span></td><td class='editable' data-campo='status'><span>"
                +json[i].status
                +"</span></td></tr>");
        }

    });

2 个答案:

答案 0 :(得分:2)

$(document).ready(function(){
setInterval(function(){

$('div').ajax({

url: "test.php",

}).done(function() {

$(this).html( "done" );

});

}, 15000); // 15000 micro second = 15 sec.

}); 

URL将是php文件的名称。您还可以指定DIV的名称

答案 1 :(得分:0)

refresh_div()函数调用15 seconds

function refresh_div()
{
   // Your ajax code here
}
setInterval('refresh_div()', 15000);