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

在ASP.NET MVC 中渲染按鈕單擊時的部分視圖

概述

本文介紹了在單擊按鈕，解決了ASP .NET MVC 應用程式中的常見挑戰。我們將探討如何：

• 擷取鈕點擊事件
• 將資料傳送至控制器
• 在指定div內渲染部分視圖

問題描述

在簡化的ASP.NET MVC 應用程式中，我們尋求動態地點擊按鈕時在div 中顯示搜尋結果。挑戰在於透過資料庫存取獲取數據，然後使用這些數據渲染部分視圖，而無需重新載入整個頁面。

解決方案

1.事件處理：

將按鈕替換為：

<button></button>

2. JavaScript:

新增以下腳本：

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

• 此腳本擷取點擊事件並使用 jQuery 的 .load() 方法將搜尋文字傳送到控制器。

3。控制器方法：

修改控制器方法以接受搜尋文字：

public ActionResult DisplaySearchResults(string searchText)
{
  var model = // Build model based on search text
  return PartialView("SearchResults", model);
}

• 此方法從資料庫取得資料並傳回部分檢視。

額外注意事項

• 驗證：如果SearchCriterionModel 包含多個帶有驗證屬性的屬性，請使用提交按鈕並處理表單的. submit() 事件。
• 控制器方法簽名：更新控制器方法以接收整個SearchCriterionModel object:

public ActionResult DisplaySearchResults(SearchCriterionModel criteria)

在Div 內渲染部分視圖的技巧

• 在Div 內渲染部分視圖的技巧
• 在Div 內渲染部分視圖的技巧

在Div 內渲染部分視圖的技巧在Div 內渲染部分視圖的技巧 確保div 有唯一的ID，例如「searchResults」。 分部視圖本身應該有自己的模型類別和資料。 .load()方法將使用從部分視圖產生的 HTML 更新 div 的內容。

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