如何在MVC（.NET）中通過Ajax調用@ Html.Action

Question

我有一個呈現動作的視圖。例如：

<h1>Test View</h1> 
@Html.Action("Intro", "Account", new { id = "5" }) 

但是，此操作需要10-20秒才能加載。

如何使用加載程序將其包裝在ajax中？

謝謝！

Answer 1

只需創建一個DIV作爲佔位符，然後將文檔加載事件中的內容加載到DIV中。您還可以添加一個GIF圖像顯示進度和隱藏加載該文件的內容時，這裏是如何做到這一點的例子：

<h1>Test View</h1> 
<div id="accountInfo"></div> 

<script> 
    $(document).ready(function() { 
     $.ajax({ 
     type: "GET", 
     url: '@Html.Url("Intro", "Account")', 
     dataType: "html", 
     data: { id : 5 }, 

     success: function (content) { 
      $("#accountInfo").html(content); 
     }, 
     error: function (e) { } 
     }); 
    }); 
</script> 

請注意我沒有測試這一點，只是寫它從頂部我的頭，所以可能會有一些小的語法錯誤，但這給你的主要想法。

希望它有幫助！