新文章 网摘 文章 随笔 日记

MVC 从控制器将数据对象赋值给前端JS对象 

<!DOCTYPE html>
<html>
<head>
    <meta name="viewport" content="width=device-width" />
    <title>示例</title>
    <script src="~/Scripts/jquery-1.10.2.min.js"></script>
    <script type="text/javascript">
        //将数据对象转换为 JSON 格式，是为了在网页中通过使用JS将数据作为文本进行处理
        var data = @Html.Raw(Json.Encode(ViewBag.Data));
        for (var i = 0; i < data.length; i++) {
            var model=data[i];
            console.log("编号："+model.id+"  姓名："+model.name+"  性别："+model.sex);
        }
    </script>
</head>
<body>
    <div>
    </div>
</body>
</html>

 

        public ActionResult Sample()
        {
            List<SampleData>
                list = new List<SampleData>
                    ()
                    {
                        new SampleData{ id=1000, name="张三", sex="男"},
                        new SampleData{ id=1001, name="李四", sex="男"},
                        new SampleData{ id=1002, name="李倩", sex="女"},
                        new SampleData{ id=1003, name="张燕", sex="女"}
                    };
            ViewBag.Data = list;
            return View();
        }

        public class SampleData
        {
            public int id { get; set; }
            public string name { get; set; }
            public string sex { get; set; }
        }

 

https://blog.csdn.net/smartsmile2012/article/details/73456783

posted @ 2020-09-23 15:17  岭南春  阅读(96)  评论(0)    收藏  举报