如何在MVC中使用Ajax每秒刷新我的页面？

Question

我想在我的页面中创建一个机制，使其每秒使用Ajax刷新表数据。我怎样才能做到这一点？

Answer 1

假设你有一个控制器的行动，将返回表，你可以使用一个局部视图：

<script type="text/javascript"> 
    $(function() { 
     setInterval(loadTable,1000); // invoke load every second 
     loadTable(); // load on initial page loaded 
    }); 

    function loadTable() { 
     $('#tablecontainer').load('/controller/tabledata'); 
    } 
</script> 

<div id="tablecontainer"> 
</div> 

你必须你的资料表操作返回一个包含表的局部视图。

<table> 
    <thead>...</thead> 
    <tbody>...</tbody> 
</table> 

编辑通过点击处理程序建立（script标签略）

$(function() { 
    var timer; 
    $('#enableCheckbox').change(function() { 
     if ($(this).find(':checked').length) { 
      timer = setInterval(loadTable,1000); // set up timer 
      loadTable(); 
     } 
     else if (timer) { // stop the interval timer 
      clearInterval(timer); 
      timer = null; 
     } 
    }); 
}); 

function loadTable() { 
    $('#tablecontainer').load('/controller/tabledata #innercontainer'); 
} 

完整视图（至少包含以下）

<div id="tablecontainer"> 
<div id="innercontainer"> 
<table> 
    <thead>...</thead> 
    <tbody>...</tbody> 
</table> 
</div> 
</div>