如何在 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>

您的 tabledata 操作会返回包含该表的部分视图。

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

EDIT 通过点击处理程序建立（脚本标签省略）

$(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>