控制器 AJAX 方法返回 AJAX ActionLink

Question

我对 MVC 相当陌生，只是想实现一些我认为应该不会太复杂的目标。只是想知道最好的方法是什么。我有一个 Event-RSVP 应用程序（NerdDinner 类型），您可以在其中查看活动的详细信息，然后单击 AJAX 链接，该链接将回复您参加该活动。

    <% 
    if (Model.HasRSVP(Context.User.Identity.Name))
    {
    %>
    <p>
    You are registered for this event!&nbsp;            
    <%: 
    Ajax.ActionLink("Click here if you can't make it!", "CancelRegistration", "RSVP", new { id = Model.RSVPs.FirstOrDefault(r => r.AttendeeName.ToLower() == User.Identity.Name.ToLower()).RSVPID }, new AjaxOptions { UpdateTargetId = "QuickRegister"}) 
    %>
    </p>
    <% 
    }
    else
    { 
    %>
    <p>
    <%: 
Ajax.ActionLink("RSVP for this event", "Register", "RSVP", new { id=Model.EventID }, new AjaxOptions { UpdateTargetId="QuickRegister" }) %>
    </p>
    <% 
    } 
    %>

现在对应于这两个链接，我在 RSVP 控制器中的功能如下所示。

[Authorize, HttpPost]
public ActionResult Register(int id)
{
    Event event = eventRepository.GetEvent(id);

    if (event == null)
        return Content("Event not found");

    if (!event.IsUserRegistered(User.Identity.Name))
    {
        RSVP rsvp = new RSVP();
        rsvp.AttendeeName = User.Identity.Name;
        event.RSVPs.Add(rsvp);
        eventRepository.Save();            
    }

    return Content("Thanks, you are registered.");

}

[Authorize, HttpPost]
public ActionResult CancelRegistration(int id)
{
    RSVP rsvp = eventRepository.GetRSVP(id);    

    if (rsvp == null)
        return Content("RSVP not found");

    if (rsvp.Event.IsUserRegistered(User.Identity.Name))
    {
        eventRepository.DeleteRSVP(rsvp);
        eventRepository.Save();
    }

    return Content("Sorry, we won't be seeing you there!");
}

这两个似乎都可以正常工作，没有任何问题。现在，我想通过执行以下两项操作之一使其变得更奇特：

1）从控制器返回一个 AJAX 链接，这样当您注册时，您将获得显示的取消注册链接，而无需刷新页面。

2）当控制器方法完成执行时，以某种方式使视图渲染刷新，以便在单击任何 AJAX 链接后执行我的问题中的第一个代码块。因此，单击“注册”将为您注册并显示取消链接，单击“取消”将取消您的注册并显示注册链接。

任何帮助将不胜感激。 谢谢。

Answer 1

您可以使用 jQuery 显示和隐藏这些链接。

我从不使用 Ajax.ActionLink，我在没有帮助程序的情况下执行 AJAX，但我认为它应该看起来像这样：

Ajax.ActionLink("Click here if you can't make it!", "CancelRegistration", "RSVP", new { id = Model.RSVPs.FirstOrDefault(r => r.AttendeeName.ToLower() == User.Identity.Name.ToLower()).RSVPID }, new AjaxOptions { UpdateTargetId = "QuickRegister", OnSuccess = "ShowHideLinks" }, new { id = "cancel-link", @style = "display:none"})
Ajax.ActionLink("RSVP for this event", "Register", "RSVP", new { id=Model.EventID }, new AjaxOptions { UpdateTargetId="QuickRegister", OnSuccess = "ShowHideLinks" }, new { id = "register-link"})

以及一些 javascript/jQuery 来初始化当前显示链接：

        function ShowHideLinks() {
            $('#register-link').toggle();
            $('#cancel-link').toggle();
        }
        <%: if(Model.HasRSVP(Context.User.Identity.Name)) { %>
            ShowHideLinks();
        <%: } %>

希望这有帮助！

Answer 2

您可以使用 jQuery 设置链接。我看到您正在从两个操作方法传递内容...您可以在 jQuery 中使用 $.post() 来执行这些操作，并在成功事件处理程序中比较返回的内容（您需要发送更容易比较的内容比当前字符串）并适当设置链接。