如何在 ASP.NET MVC 中按一下按鈕時呈​​現部分視圖？

在ASP.NET MVC 中按一下按鈕時渲染部分視圖

ASP.NET MVC 中的一個常見場景是需要動態載入部分視圖視圖進入頁面的特定部分，通常是回應使用者操作（例如按一下按鈕）。這種技術允許模組化、靈活地顯示內容，而不需要整頁刷新。

問題陳述

假設您有一個 ASP.NET MVC 應用程序，其中包含需要在頁面的單獨部分中顯示搜尋結果的搜尋表單。點擊搜尋按鈕後，您希望檢索搜尋結果並使用部分視圖呈現它們，但不能取代整個頁面內容。

解決方案

為此，您可以執行以下步驟：

1. 建立部分視圖：定義包含將顯示搜尋結果的模型的部分視圖。
2. 修改搜尋按鈕：將搜尋表單中的按鈕替換為常規 HTML 按鈕並為其指派 ID。
3. 實作 JavaScript： 將 JavaScript 事件處理程序新增至搜尋按鈕的點選事件。在此處理程序中，使用 jQuery load() 函數執行 AJAX 呼叫。
4. 設定控制器方法： 處理搜尋按鈕點選的控制器方法應接受搜尋參數並傳回部分搜尋參數以結果作為模型的視圖。

範例實作

HTML:

<button></button>

JavaScript:

var url = '@Url.Action("DisplaySearchResults", "Search")';
$('#search').click(function() {
  var searchText = $('#searchInput').val();
  $('#searchResults').load(url, {searchText: searchText});
});

控制器方法：

public ActionResult DisplaySearchResults(string searchText)
{
  var model = // Build the model based on the searchText parameter

  return PartialView("SearchResults", model);
}

這種方法允許在指定的 div 內動態渲染部分視圖，而無需重新加載整個頁面，提供用戶友好且高效的方式來顯示搜尋結果。

以上是如何在 ASP.NET MVC 中按一下按鈕時呈​​現部分視圖？的詳細內容。更多資訊請關注PHP中文網其他相關文章！