MVC后台数据赋值给前端JS对象

方式一:

reportInfo是后台Controller传到前台的一个对象，其中包含多个属性

js中使用:

方式二:

Controller中的数据，不管是使用的是ViewModel 还是ViewBag.Data，要将他传递到View中，这个很容易，但是如果要将它传递给JS中的某个对象，这个改如何处理呢？

后台的数据格式：

public class ViewModel

{

public int ID { get; set; }

public string Name { get; set; }

public List<string> Data { get; set; }

}

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

}　

前台JS 中的一个对象

var viewModel = {

id: 0,

name: '',

data:[]

}

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>

更多方法请参见：http://stackoverflow.com/questions/3850958/pass-array-from-mvc-to-javascript

另外将JS 中的对象传递到Controller中，这个直接采用Ajax，就可以实现，详细请参见　http://stackoverflow.com/questions/16824773/passing-an-array-of-javascript-classes-to-a-mvc-controller

其中方式二转载至:http://www.cnblogs.com/akwwl/p/5238975.html

转载于:https://www.cnblogs.com/LonelyCode/p/6347154.html

MVC后台数据赋值给前端JS对象相关推荐

java后端js_后端传java复杂对象给前端js对象
jsp界面中将后端的java复杂对象传递给前端js对象的方法: 用JSP表达式--加JSON数据转换复杂对象需要转成JSON数据进行前后端传输,所以后端传值前.前端接收对象后都需要进行JSON数据处 ...
php后台数据显示到前端,php,前端_怎么在javascript中得到后台数据?，php,前端,javascript,highcharts - phpStudy...
怎么在javascript中得到后台数据? 最近在研究在网页中嵌入hightchart的表格在嵌入时发现需要在javascript中得到后台的一组数据代码如下 require_once('incl ...
ajax获取java后台数据_jQuery ajax获取后台数据怎么在前端显示。
前后端分离以后,前端界面采用ajax与后台数据交互.现在从后台获取到下载文件的集合,怎么在前端一行一行显示,点击某一行可以直接跳转过去下载对应的文件. pageEncoding="UTF-8 ...
vue created钩子使用后台数据赋值给data里的变量，报错‘undefined’
created: function () { this.$axios.post('/jsonData').then( function (res) { this.cares = res.data; c ...
服务器返回值解释 ajax提交方式后台数据刷进前端
转载于:https://www.cnblogs.com/liuliang389897172/p/9120715.html
前端js对象转json字符串
neg=[] data={} neg.push(data) JSON.stringify(neg)
利用Ajax访问后台数据
一.什么是Ajax? Asynchronous JavaScript + XML(异步JavaScript和XML),其本身不是一种新技术,而是一个用来描述一种使用现有技术集合的'新'方法. 二.如何 ...
java ajax实现分页代码,jQuery实现分页功能（含ajax请求、后台数据、附完整demo）...
需求分析 1)需要首页,末页功能 2)有点击查看上一页,下一页功能 3)页码到当前可视页码最后一页刷新页面实现思路也是分为三部分处理 1)点击首页,末页直接显示第一页或者最后一页内容,当前页面为第 ...
php如何优雅地把数组传递给前端js脚本？
比如说http://echarts.baidu.com/demo...这个例子中,一般里面的timeData数组都是数据库的所有记录的单独某一个列的集合,而例子中第149行的 data:[1,2,3, ...

MVC后台数据赋值给前端JS对象

MVC后台数据赋值给前端JS对象相关推荐

最新文章

热门文章