您的位置:首页 > 编程学习 > ASP.NET > 正文

MVC中JS获取后台的数据

更多 时间:2016-3-11 类别:编程学习 浏览量:459

MVC中JS获取后台的数据

MVC中JS获取后台的数据

一、实例用到的数据

 

1、Controller 传递到View的数据

  •  
  • 
    
    public ActionResult Index()
    
    {
    
        ViewBag.ID = 1;
    
        ViewBag.Name = "WWW";
    
        ViewModel viewModel = new ViewModel()
    
        {
    
            ID = 100,
    
            Name = "WWW",
    
            Data = new List<string> {"A","B","C","D","E" }
    
        };
    
        return View(viewModel);
    
    } 
    
    		
  •  

    2、前台JS 中的一个对象

  •  
  • 
    
    var viewModel = {
    
        id: 0,
    
        name: '',
    
        data:[]
    
    }
    
    		
  •  

    二、MVC中JS获取后台的数据的方法

     

    1、如果需要传递整形数字到JS中 

  •  
  • 
    
    <script>
    
            viewModel.id=@ViewBag.ID;
    
            or
    
            viewModel.id=@Model.ID;
    
    </script>
    
    		
  •  

    2、如果需要传递字符串到JS中

  •  
  • 
    
    <script>        
    
            viewModel.name='@ViewBag.Name';
    
            or
    
            viewModel.name='@Model.Name';  
    
    </script>  
    
    		
  •  

    3、如果需要传递复杂的数据类型到JS中,如对象,数组,集合等

  •  
  • 
    
    <script>
    
            viewModel.data = @Html.Raw(Json.Encode(Model.Data));
    
    </script>
    
    		
  •  

    标签:MVC