如何在div中異步加載多個局部視圖

Question

團隊，我有一個包含四個部分視圖的視圖，這些數據是獨立的，因此需要異步加載它們。 Div 形成為 -

   <div class="col-md-6 partialContent" data-url="/Dashboard/PartialView1">
   </div>
   <div class="col-md-6 partialContent" data-url="/Dashboard/PartialView2">
   </div>

控制器動作是。 （添加了 thread.speep 以檢查它是否在 div.load 調用后等待或處理另一個方法）

public PartialViewResult PartialView1()
    {
        PartialView1ViewModel dcVM = new PartialView1ViewModel();
        // business logic code is here
        Thread.Sleep(5000);
        return PartialView("~/Views/Charts/_PartialView1.cshtml", dcVM);
    }
    public PartialViewResult PartialView2()
    {
        PartialView1ViewModel dcVM = new PartialView1ViewModel();
        // business logic code is here
        return PartialView("~/Views/Charts/_PartialView2.cshtml", dcVM);
    }

最后，將數據加載到 div 中 -

    $(".partialContent").each(function (index, item) {

    var url = $(item).data("url");
    if (url && url.length > 0) {
        $(item).load(url);
    }
});

因此，在這種情況下，我們希望立即調用這兩個方法，但它會等到第一個方法處理完成。

我們如何在不等待其他操作完成的情況下異步加載所有這些部分視圖？

你能提示/指導嗎？

Answer 1

我猜在你的情況下，服務器通過會話鎖定請求（因此會話成為線程安全的寫入）。 如果您禁用它或在所需的操作中將其設為只讀，則可以達到預期的結果。

請查看鏈接了解更多詳情