如何将ViewBag中的对象解析为JavaScript?

时间:2017-12-30 09:36:48

标签: jquery asp.net-mvc viewbag

我试图将ViewBag中的对象解析为Javascript而没有运气。到目前为止,我已尝试使用jQuery / razor /混合语法......无济于事。当我尝试使用Json.Encode()时,我得到一个未定义的"错误"。

class Story 
{
    public long Id {get;set;}
    public string Description{get;set;}
}

控制器

[HttpGet]
public IActionResult Index(Story _story) 
{
    List<Location> Locations = this.context.Locations.ToList();
    ViewBag.story = _story;
    return View(context.Locations);
}

查看

$(document).ready(function() {
        var story = JSON.parse("@ViewBag.story");
        var story2try = '@(ViewBag.story)';

        console.log(@ViewBag.story.Id);
        console.log(story);
        console.log(story2try);
});

事情是第一个日志被打印,因此对于原始数据类型,例如strings / int / long,它可以工作但不能用于对象。之后我收到了这个错误:

  

位于0的JSON中的意外标记A语法错误:位于0位置的JSON中的意外标记A

2 个答案:

答案 0 :(得分:2)

首先必须序列化模型对象(就像在评论中建议的那样)并获取其原始内容(检查ASP.NET MVC using ViewData in javascript线程),例如:

ViewBag.story = new System.Web.Script.Serialization.JavaScriptSerializer().Serialize(_story);

$(function () {
    var story = @Html.Raw(ViewBag.story);
    alert(story.Id);
});

答案 1 :(得分:1)

所以经过无数次的尝试,我设法解决了这个问题:

1 。如同其他人使用Newtonsoft.Json库指出的那样,在控制器中对我的对象进行扫描:

ViewBag._story =JsonConvert.SerializeObject(_story);  

2 。在视图中,我将使用以下命令对其进行反序列化:

var _story=@(Html.Raw(ViewBag._story));

感谢您的帮助!