MVC后台数据赋值给前端JS对象
来源:互联网 发布:美工需要学哪些东西 编辑:程序博客网 时间:2024/06/10 08:56
Controller中的数据,不管是使用的是ViewModel 还是ViewBag.Data,要将他传递到View中,这个很容易,但是如果要将它传递给JS中的某个对象,这个改如何处理呢?
后台的数据格式:
1
2
3
4
5
6
7
8
public
class
ViewModel
{
public
int
ID {
get
;
set
; }
public
string
Name {
get
;
set
; }
public
List<
string
> Data {
get
;
set
; }
}
Controller 传递到View的数据:
1
2
3
4
5
6
7
8
9
10
11
12
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 中的一个对象
1
2
3
4
5
var
viewModel = {
id: 0,
name:
''
,
data:[]
}
1. 如果需要传递整形数字到JS中
1
2
3
4
5
<script>
viewModel.id=@ViewBag.ID;
or
viewModel.id=@Model.ID;
</script>
2. 如果需要传递字符串到JS中
1
2
3
4
5
<script>
viewModel.name=
'@ViewBag.Name'
;
or
viewModel.name=
'@Model.Name'
;
</script>
3.如果需要传递复杂的数据类型到JS中,如对象,数组,集合等,
1
2
3
<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
阅读全文
0 0
- MVC后台数据赋值给前端JS对象
- MVC后台数据赋值给前端JS对象
- MVC后台数据赋值给前端JS对象
- MVC 从控制器将数据对象赋值给前端JS对象
- C#数组赋值给JS数组————后台CS数据赋值给前台JS数组
- C#数组赋值给JS数组————后台CS数据赋值给前台JS数组
- JS给对象属性赋值
- js给FreeTextBox赋值+EXT后台调用赋值方法
- asp.net 把后台数据赋值给js的变量的方法
- jsp赋值给js提示没有对象
- jquery validate 及追加html 前端封装JS对象 后台@ReqesutBody 对象即拿到数据
- thinkphp控制器数据赋值给模板js
- Struts2通过json前后自动给后台自定义对象赋值
- js给textbox赋值,后台取值的问题
- .net js 给文本框赋值 后台获取值
- js给textbox赋值,后台取值的问题
- ajax 异步请求后台返回字符串赋值给js参数
- 将js对象直接发送给后台
- STL学习之七:list用法示例
- 数据库——(17)存储过程
- opencv程序在未安装opencv环境下运行方法总结
- windows10-VS2015-Boost-Pyhton2.7-dlib配置
- Excel 技巧百例:设置下拉框
- MVC后台数据赋值给前端JS对象
- WebSocket的基础知识总结
- Android 与 web后台数据交互之解析XML和JSON
- Android实现五子棋游戏(二) 人机对战实现
- Hdu 6034 细心 数组少开
- 编写守护进程
- JAVA_集合-区别
- 自定义组件(一)
- 2017 Multi-University Training Contest