网站链接: 我爱捣鼓
当前位置: 首页 > web开发  > MVC

mvc中如何将控制器的数据赋值给视图的js对象json?

2021/3/4 21:51:09

mvc中如何将控制器的数据赋值给视图的js对象,其实非常简单,话不多说,直接看源码吧!cshtml页面@{ Layout = null;} <!DOCTYPE html><html><head> <meta name="viewport" content="width=device-width" /> <ti…

mvc中如何将控制器的数据赋值给视图的js对象,其实非常简单,话不多说,直接看源码吧!


cshtml页面


@{
    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>


cs代码


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


相关资讯

  • C#如何实现图片马赛克效果处理?

    我们经常会看到图片上面打上马赛克,一般人都会想到ps,如果通过C#程序如何实现了,可以看看下面的源码:using System.Drawing;using System.Drawing.Imaging;using System.Web.Mvc; namespace MVC2017_Sample.Controllers{ public class DefaultController : Control…

    2021/3/4 21:55:08