如何在 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>

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中文网其他相关文章！