JavaScript Variable mit JSON von ViewBag füllen?

Question

Ich habe diesen Index Aktion:

public ActionResult Index() 
{ 
    var repo = (YammerClient) TempData["Repo"]; 
    var msgCol = repo.GetMessages(); 

    ViewBag.User = repo.GetUserInfo(); 
    return View(msgCol.messages); 
} 

GetMessages gibt eine Liste von POCO-Nachrichten und GetUserInfo gibt eine POCO mit den Informationen des Benutzers (ID, Name, etc).

Ich mag einen JavaScript-Variable mit der JSON Darstellung der Benutzerinformationen füllen.

Deshalb möchte ich würde so etwas wie dies in der Ansicht tun:

... 
<script> 
    var userInfo = "@ViewBag.User.ToJson()" 
</script> 
... 

Ich weiß, dass nicht funktioniert, aber ist es eine Möglichkeit, das zu tun? Ich möchte vermeiden, eine Ajax-Anfrage zu machen, sobald die Seite geladen ist, nur um die Benutzerinformationen zu erhalten.

Answer 1

In View können Sie so etwas wie dieses

@{ 
     var jss = new System.Web.Script.Serialization.JavaScriptSerializer(); 
     var userInfoJson = jss.Serialize(ViewBag.User); 
} 

in Javascript tun Sie es als

<script> 


    //use Json.parse to convert string to Json 
    var userInfo = JSON.parse('@Html.Raw(userInfoJson)'); 
</script> 

Answer 2

wurde mit dieser Lösung für einfache Objekte verwenden können. Aber ich hatte ein paar Probleme damit, ein Array zu js Objekten zu bekommen, also werde ich einfach das hier lassen.

C#

@{ 
    using Newtonsoft.Json; 
    ViewBag.AvailableToday = JsonConvert.SerializeObject(list); 
} 

js

var availableToday = JSON.parse('@Html.Raw(ViewBag.AvailableToday)'); 

Answer 3

clientseitigen Code:

Dies ist ein Ajax-Aufruf zu einem .Net MVC Controller:

var clientStuff; 

$.ajax({ 
    type: 'GET', 
    url: '@Url.Action("GetStuff", "ControllerName")', 
    data: {}, 
    dataType: "json", 
    cache: false, 
    async: false, 
    success: function (data) { 
     clientStuff = data; 
    }, 
    error: function(errorMsg) { 
     alert(errorMsg); 
    } 
}); 

Server- Seitlicher Code:

REGLER:

public JsonResult GetStuff() 
    { 
     return Json(_manager.GetStuff(), JsonRequestBehavior.AllowGet); 
    } 

MANAGER:

public IEnumerable<StuffViewModel> GetStuff() 
    { 
     return _unitofWork.GetStuff(); 
    } 

UOW:

public IEnumerable<StuffViewModel> GetStuff() 
    { 
     var ds = context.Database.SqlQuery<StuffViewModel>("[dbo].[GetStuff]"); 
     return ds; 
    } 

Arbeitseinheit eine Anfrage an einen sproc sein kann (wie ich getan habe), ein Repository Kontext, Linq, usw. ich der Einfachheit halber ein sproc hier bin nur nennen, obwohl es, dass die Einfachheit liegt könnte argumentiert werden, mit Entity Framework und Linq.