如何正確地自動加載頁面或A div？

Question

我正在創建一個簡單的排隊系統，現在當我單擊名為BtnNxt()按鈕時，它將使我排隊的數據出隊並呈現到我的頁面。 並從另一個頁面進行渲染。 這是我的呼叫屏幕頁面，但是當我再次單擊它時，需要刷新我的呼叫屏幕頁面以更新隊列中的當前號碼。 所以我想要的是，我想需要刷新頁面或div來更新它嗎？

這是我的BtnNext()控制器：

   public ActionResult BtnNext()
    {
        System.Threading.Thread.Sleep(500);
        var first = MyQueue.todayQueue.Dequeue();
        MyQueue.todayQueue.Count();
        TempData["QueueItem"] = first;
        TempData.Keep();
        return PartialView("_queuenumber");
    }

這是我的呼叫屏幕頁面：

@{
    var item = (Rosh.QueueMe.Web.Models.MyQueue)TempData["QueueItem"];
}
<table>
    <tr>
        <th scope="tickets">TICKETS</th>
        <th scope="name">NAME</th>
        <th scope="counter">COUNTER</th>
        <th scope="service">SERVICE</th>
    </tr>
    <tr class="data">
        <td>#@item.QueueNumber</td>
        <td>@item.Name</td>
        <td>Desk 1</td>
        <td>@item.ServiceId</td>
    </tr>
</table>

我嘗試使用此代碼

<meta http-equiv="refresh" content="1" />

此代碼每1秒刷新一次我的頁面，但是是否可以重新加載div？ 也許使用ajax？

Answer 1

在服務器和客戶端同時使用asyn關鍵字，將微調加載器添加到要自動加載的每個div中。 不要進行任何自定義操作，因為有時線程會花費更多時間，但實際上他不需要更多時間睡覺，因此最好的解決方案是使每個控制器ayns和調用者也必須異步。

Answer 2

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

    function loadData() {
        $('#Div').load( '/controller/BtnNext' );
    }
</script>