Zugriff tempdata in Javascript in mvc4

Question

Ich versuche TempData in Javascript zuzugreifen. aber Nullwert erhalten. Ich mache einen Ajax-Anruf, um den Datensatz zu aktualisieren, und ich möchte die Nachricht Rekord erfolgreich aktualisiert anzeigen. Das kommt von UpdateOperation Aktion von der Steuerung. , aber derzeit wird Nullwert angezeigt. Ich überprüfe auch mit Firebug zeigt es wie folgt:

function onComplete(e) { 

if (e.name == "update") { 

alert(''); 

} 

Hier ist mein Code der Controller

public class OperationController : BaseController 
    { 
     /// <summary> 
     /// Index action will return template view of the page without data 
     /// </summary> 
     /// <returns>Blank Action</returns> 
     public ActionResult Index() 
     { 
      return this.View(); 
     } 

     /// <summary> 
     /// Get all Operation from System 
     /// </summary> 
     /// <returns>return action result</returns> 
     [GridAction] 
     public ActionResult SelectOperation() 
     { 
      IEnumerable<OperationEntity> operationList = OperationComponent.GetAll(); 
      return this.View(new GridModel(operationList)); 
     } 

     /// <summary> 
     /// Method for update operation 
     /// </summary> 
     /// <param name="entity">moduleViewModel to update Module</param> 
     /// <returns>return action result</returns> 
     [GridAction] 
     public ActionResult UpdateOperation(OperationEntity entity) 
     { 
      if (ModelState.IsValid) 
      { 
       entity.Log = new BusinessCore.BusinessEntities.LogDetails(); 
       entity.Log.ModifiedBy = SessionHelper.UserId; 
       Status status = OperationComponent.Update(entity); 
       this.TempData["AlertMessage"] = status.Message; 
       this.ViewData["_AlertMessage"] = status.Message; 
       return this.View(new GridModel(OperationComponent.GetAll())); 
      } 
      else 
      { 
       return this.View(entity); 
      } 
     } 
    } 

Meiner Ansicht

@using Telerik.Web.Mvc.UI; 
@{ 
    ViewBag.Title = "Operation List"; 
} 

<h2>@ViewBag.Title</h2> 
<script src="../../../../Scripts/jquery-1.7.1.min.js" type="text/javascript"></script> 
<script type="text/javascript"> 
// function onSave(e) { 
//  alert('Record Save Succesfully'); 
// } 
    function onComplete(e) { 
     if (e.name == "update") { 
      alert('@TempData["AlertMessage"]'); 
      alert('@ViewData["_AlertMessage"]'); 
     } 
     if (e.name == "insert") { 
      alert("Operation Inserted Successfully"); 
     } 
     if (e.name == "delete") { 
      alert("Operation Deleted Successfully"); 
     } 
    } 
    function newAlert(type, message) { 
    if (message != "" || message != null) { 
     $("#alert-area").append($("<div class='alert alert-success " + type + " fade in' data-alert><p><b> " + message + " </b></p></div>")); 
     $(".alert-success").delay(4000).fadeOut("slow", function() { $(this).remove(); }); 
    } 
} 
</script> 

@(Html.Telerik().Grid<QuexstERP.BusinessCore.BusinessEntities.SysAdmin.OperationEntity>() 
     .Name("Grid") 
     .DataKeys(keys => 
     { 
      keys.Add(p => p.Id); 
     }) 
        .ToolBar(commands => commands.Insert().ButtonType(GridButtonType.Image).ImageHtmlAttributes(new { style = "margin-left:0", title = "Add" })) 
     .DataBinding(dataBinding => 
     { 
      dataBinding.Ajax() 
       .Select("SelectOperation", "Operation") 
       .Insert("InsertOperation", "Operation") 
       .Update("UpdateOperation", "Operation") 
       .Delete("DeleteOperation", "Operation"); 
     }) 
     .Columns(columns => 
     { 
      columns.Command(commands => 
      { 
       commands.Edit().ButtonType(GridButtonType.Image).HtmlAttributes(new { title = "Edit" }); 
       commands.Delete().ButtonType(GridButtonType.Image).HtmlAttributes(new { title = "Delete" }); 
      }).Width(80).Title("Commands"); 
      columns.Bound(p => p.Name).Width(200).Title("Operation Name"); 
      columns.Bound(p => p.Description).Width(310).Title("Description"); 
     }) 
     .ClientEvents(events => events 
       .OnComplete("onComplete") 
       ) 
        .Editable(editing => editing.Mode(GridEditMode.PopUp).InsertRowPosition(GridInsertRowPosition.Top)) 

     .Pageable() 
     .Scrollable() 
     .Sortable() 
     .Filterable()   
) 
@section HeadContent { 
<style type="text/css"> 
    .field-validation-error 
    { 
     position: absolute; 
     display: block; 
    } 

    * html .field-validation-error { position: relative; } 
    *+html .field-validation-error { position: relative; } 

    .field-validation-error span 
    { 
     position: relative; 
     white-space: nowrap; 
     color: red; 
     padding: 10px 5px 3px; 
     background: transparent url('@Url.Content("~/Content/Common/validation-error-message.png") ') no-repeat 0 0; 
    } 

    /* in-form editing */ 
    .t-edit-form-container 
    { 
     width: 480px; 
     margin: 1em; 
    } 

    .t-edit-form-container .editor-label, 
    .t-edit-form-container .editor-field 
    { 
     padding-bottom: 1em; 
     float: left; 
    } 

    .t-edit-form-container .editor-label 
    { 
     width: 25%; 
     text-align: right; 
     padding-right: 3%; 
     clear: left; 
    } 
    .t-edit-form-container .editor-field textarea 
    { 
    font-size:11px; 
    width:80%; 
} 
    .t-edit-form-container .editor-field 
    { 
     width: 70%; 
    } 
</style> 
} 

Answer 1

Ich weiß, ihr eine alte Frage, aber ich dachte, ich würde antworten, wie ich war auf der Suche für genau die gleiche Lösung und hoffentlich anderen zu helfen.

Dies löste es für mich how-to-get-the-tempdata-in-javascript

Wesentlichen Ihre Syntax fehlt Klammern

//Your code 
alert('@TempData["AlertMessage"]'); 

// Correct code 
alert('@(TempData["AlertMessage"])'); 

Die Halterung nach dem @

hoffe, das hilft den nächsten Sucher wie ich.

Answer 2

TempData verwendet, wenn auf Aktion umleiten. Versuchen Sie ViewBag.

In Controller:

ViewBag.AlertMessage = status.Message; 

In Ansicht:

@{ 
    ViewBag.Title = "Operation List"; 
    string alert = "Your custom error message"; 

    if(ViewBag.AlertMessage != null) 
    { 
     alert = (string)ViewBag.AlertMessage; 
    }   
} 

und Javascript

var jsAlert = '@alert'; 
alert(jsAlert);