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>
    
    		
  • 标签: