在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 將部分視圖動態載入並顯示到網頁的特定部分，從而提供更大的靈活性和對內容呈現的控制。