ASP.NET MVC - 执行控制器操作而不重定向

我试图在控制器上执行操作，而不重定向到该操作的关联视图。有关我想要实现的目标的一个很好的示例，请访问 music.xbox.com 网站。当您从弹出菜单将歌曲添加到选定的播放列表时 - 页面仅显示通知，而不进行任何重定向或刷新。这怎么可能？

我所拥有的是以下内容： 我有一个 _playlistPopupMenu 部分视图，它呈现播放列表列表，如下所示：

_PlaylistPopupMenu

@model List<OneMusic.Models.GetPlaylists_Result>
@if (Model.Count > 0)
{
    <li style="height:2px" class="divider"></li>
    foreach (var item in Model)
    {
        <li style="height:30px">@Html.DisplayFor(p => item.Name)
            @Html.ActionLink(item.Name, "AddSong", "Playlist", new { playlistId =   @item.PlaylistId, songId = 1 }, "") 
       </li>
    }
} 

PlaylistController AddSong 操作如下：

public PartialViewResult AddSong(int? playlistId, int? songId)
{
    if (ModelState.IsValid)
    {
        db.AddSongToPlaylist(playlistId, songId);
        db.SaveChanges();
        return PartialView("_AddToPlaylist", "");
    }
    return PartialView("_AddToPlaylist", "");
}

我正在努力考虑在 _AddToPlaylist 部分视图中放入什么内容，我认为我需要能够显示某种通知（可能使用 Bootstrap 中的 PNotify 添加）。 MVC 希望始终重定向到 ../Playlist/AddSong?playlistId=1&songId=1

关于如何完成问题最后一部分的任何想法都会很棒。

如果您不希望“整页重新加载”，那么您需要稍微不同地解决该问题，使用 javascript 动态更改页面。一个图书馆，例如JQuery可能会使操纵DOM容易一点。

1. 使用 JavaScript 动态显示弹出窗口。
2. 当用户在弹出窗口中点击“确定”/“提交”时，使用 JavaScript 将数据发布回服务器，并让您发布的控制器返回一些 HTML。
3. 将返回的 HTML 块（部分视图）附加到包含播放列表曲目的现有 div。

其中最困难的部分是异步发布。有关在不重新加载整个页面的情况下更新 div 的帮助，请参阅这个问题.

EDIT- 例子

如果您有控制器操作（接受POSTs）与网址myapp.com/PlayList/AddSong/，然后您需要设置 JQuery 以发布到此 URL。您还可以设置data包含您想要发布的任何表单数据的属性，在您的情况下，您需要添加playistId and songId to the data财产。

然后，您可以使用 AJAX 查询 (HTML) 的结果并将其附加到页面上现有的播放列表 HTML。因此，假设您要将分部视图的 HTML 附加到具有 ID 的 divplaylistDiv，并假设您的部分视图返回 HTML，该 HTML 在附加到现有播放列表时有效，那么您的 javascript 将如下所示：

var data = { playlistId: 1, songId: 1 };
$.ajax({
  type: "POST",
  url: 'http://myapp.com/PlayList/AddSong/',
  data: data,
  success: function(resultData) {
      // take the result data and update the div
      $("#playlistDiv").append(resultData.html)
  },
  dataType: dataType
});

免责声明：我不能保证此代码将 100% 工作（除非我自己编写程序）。您使用的 JQuery 版本等可能存在差异，但稍加调整就应该达到预期的结果。