如何在 ASP.NET MVC 中使用 jQuery 動態載入部分視圖？

在ASP.NET MVC 中使用jQuery 載入部分視圖

雖然您可以使用以下方法直接在ASP.NET MVC 視圖中渲染部分視圖Html.RenderPartial 幫助器，僅使用jQuery 不可能實現相同的功能。但是，您可以結合使用 jQuery 和 AJAX 技術來有效載入部分視圖。

建議的方法包括建立一個控制器操作來呈現所需的部分視圖。然後，您可以利用 jQuery 透過 AJAX 呼叫來呼叫此操作。一旦伺服器以渲染的部分視圖回應，jQuery 就可以使用新內容動態更新頁面的特定部分。

以下是示範此方法的範例jQuery 程式碼：

$('.js-reload-details').on('click', function(evt) {
    evt.preventDefault();
    evt.stopPropagation();

    var $detailDiv = $('#detailsDiv'),
        url = $(this).data('url');

    $.get(url, function(data) {
        $detailDiv.replaceWith(data);         
    });
});

此程式碼定義了一個按鈕點擊處理程序，該程式可回應具有「js-reload-details」類別的元素。單擊時，它會從元素的「data-url」屬性中提取 URL，並使用 jQuery/AJAX 向該 URL 發送 GET 請求。

此方法的伺服器端元件涉及建立一個渲染控制器操作分部視圖並傳回其內容作為對 AJAX 請求的回應。例如：

public ActionResult Details(int id)
{
    var model = ...get user from db using id...

    return PartialView("UserDetails", model);
}

透過此方法，您可以使用 jQuery 和 AJAX 動態載入部分視圖並將其顯示到網頁的特定部分，從而為內容的呈現提供更大的靈活性和控制。

以上是如何在 ASP.NET MVC 中使用 jQuery 動態載入部分視圖？的詳細內容。更多資訊請關注PHP中文網其他相關文章！