MVC 從控制器將數據對象賦值給前端JS對象


@{
    Layout = null;
}

<!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; }
}

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM