如何保持数据ID点击后ajax发布setTimeout重新加载

Question

如何保持id标签点击后ajax发布setTimeout重新加载？

HTML

<a id="star" class="toto">sort by star</a> 
 
<a id="date" class="toto">sort by date</a> 
 
<div id="online"> 
 
    <!-- SQL_online.php ROW LOAD HERE --> 
 
</div>

JQUERY/AJAX

$(document).ready(function(){ 
 
    load_data(); 
 

 
    function load_data(query) 
 
    { 
 
     $.ajax({ 
 
     url:"SQL_online.php", 
 
     method:"POST", 
 
     data:{query:query}, 
 
     success:function(data) 
 
     { 
 
     $('#online').html(data); 
 
     } 
 
     }); 
 
    \t setTimeout(function(){load_data()}, 10000); /// refresh each 10s 
 
    } 
 

 
    $('.toto').click(function(){ 
 
     var search = $(this).attr('id'); 
 
     console.log (search); 
 
     if(search != '') 
 
     { 
 
     load_data(search); 
 
     } 
 
     else 
 
     { 
 
     load_data(); 
 
     } 
 
    }); 
 

 
    });

当阿贾克斯重装SQL我 “排序” 选项丢失。如何保持“a”选择ID点击？谢谢！

Answer 1

我认为这将帮助您每10秒刷新一次数据，并且您的查询仍然有效。我不知道这是你真正想要的！

$(document).ready(function(){ 
window._intervalId = setInterval(load_data(), 10000); 

function load_data(query) 
{ 
    $.ajax({ 
    url:"SQL_online.php", 
    method:"POST", 
    data:{query:query}, 
    success:function(data) 
    { 
    $('#online').html(data); 
    } 
    }); 

} 

$('.toto').click(function(){ 
    if (window._intervalId !== undefined){ 
    clearInterval(window._intervalId); 
    } 
    var search = $(this).attr('id'); 
    window._intervalId = setInterval(load_data(search), 10000); /// refresh each 10s 
}); 

}); 

让我知道这是你在找什么或不...所以我可以编辑我的答案。