使用TempData完成时，MVC3 Ajax ActionLink可以调用javascript函数

Question

I have been trying to get a notification to show when a user invokes an action in my controller. This works fine for most of my actions, however I use an Ajax.ActionLink to delete my items and therefore the page isn't refreshed and the javascript function isn't called and therefore the notification doesn't show.

In my _Layout page I have the notification system as shown below:

<script type="text/javascript">
    //Used to display and close the system notifications
    $(document).ready(function notify() {
        $("#NotificationBox").show("slide", { direction: "down" }, 1000);
        if ($("#NotificationAutoHide").val() == "true") {
            $("#NotificationBox").delay(5000).hide("slide", { direction: "down" }, 1000);
        }
    });
</script>

<div id="NotificationDiv">
    @if (TempData["Notification"] != null)
    { 
        @Html.Hidden("NotificationAutoHide", TempData["NotificationAutoHide"])
        <div id="NotificationBox" class="@TempData["NotificationCSS"]" style="display: none">
             @TempData["Notification"]
        </div>
    }
</div>

In my Index view (which uses the layout page) I have the Ajax ActionLink that calls my Delete action in my controller, which also populates the required TempData properties.

@Ajax.ActionLink("Delete", "Delete", "MyController",
    new { id = item.UserID },
    new AjaxOptions {
        HttpMethod = "Delete",
        OnBegin = "JSONDeleteFile_OnBegin",
        OnComplete = "notify"
    },
    new { @class = "delete-link" })

I thought by adding the call to the notify function from the OnComplete options in the ActionLink then everything would work, but unfortunatly this doesn't seem to work.

I have seen some examples that suggest sending the TempData back through a JsonResult from my conntroller, however I'm not sure how to tie that into my existing code. (my controller already returns a JsonResult object for other uses)

Could anyone help me get the TempData back from the Ajax call and execute my notification system?

Thanks very much for your time.

Answer 1

Since TempData is a Server Side Code, I don't think it's possible. You should return this information by JsonResult.

example:

public JsonResult Delete(int id)
{
  //do stuff
  return Json(new {param1 = "what you need", param2 = "more info"}, JsonRequestBehavior.AllowGet);
}

Answer 2

Make sure that your notify function is publicly visible so that you can invoke it from the AJAX success callback:

<script type="text/javascript">
    function notify() {
        $("#NotificationBox").show("slide", { direction: "down" }, 1000);
        if ($("#NotificationAutoHide").val() == "true") {
            $("#NotificationBox").delay(5000).hide("slide", { direction: "down" }, 1000);
        }
    }

    $(document).ready(notify);
</script>

The way you have declared the notify function makes it impossible to invoke this function from an outside scope:

$(document).ready(function notify() { ... });

I don't even know if this is valid javascript syntax. Never seen someone using it.