ASP.NET MVC中从后台控制器(Controller)传递数据到前台页面视图(View)方式
·
方式一:
数据存储模型Model:


public class CalendarEvent
{
public string id { get; set; }
public DateTime start { get; set; }
public DateTime end { get; set; }
public string backgroundColor { get; set; }
public string title { get; set; }
public string allDay { get; set; }
}
View Code
前台接收显示数据视图View:


<script type="text/javascript">
$(function () {
//calendar handle data as follows:
var events = [];
$.ajax({
url: "/DeploymentTask/CalendarData",
success: function (data) {
events = data;
},
async: false
});
$("#calendar").fullCalendar({
header: {
left: 'prev,next today',
center: 'title',
//right: 'month,agendaWeek,agendaDay'
right: 'month'
},
selectable: true,
weekMode: 'variable',//fixed,variable,liquid
events: events,
defaultEventMinutes: 1440 //默认事件长度为一天
});
});
</script>
View Code
后台处理数据控制器Controller:


public class DeploymentTaskController : Controller
{
public JsonResult CalendarData()
{
Operation op = new Operation();
List<CalendarEvent> calendarData = op.GetData();
return Json(calendarData, JsonRequestBehavior.AllowGet);
}
}
View Code
传输中数据样式截图:


方式二:
数据存储模型Model:此方式未用到Model存储,是以向前台页面视图View传递字符串string型数据(包括string型json数据),用到传递json型数据时需要建立数据存储的Model。这里使用字符串拼接方法实现的
前台接收显示数据视图View:


<script type="text/javascript">
$(document).ready(function () {
var INIData = [];
$.ajax({
url: '/ModifyINIFile/ShowINIFileData',
success: function (data) {
INIData = data;
},
async:false
});
$('#tt').tree({
method: 'get',
data: INIData,
checkbox: true,
lines: true,
animate: true,
onCheck: function (node,checked) {
//alert(node.checked);
//alert(node.target);
changeKeyData = node.text;
changeValueData = node.checked;
changeData +="*"+changeKeyData +"|"+ changeValueData;
},
onlyLeafCheck:true,
cascadeCheck: false
});
});
</script>
View Code
后台处理数据控制器Controller:


public class ModifyINIFileController : Controller
{
//
// GET: /ModifyINIFile/
public ContentResult ShowINIFileData()
{
string jsonData = op.GetINIFileData();
return new ContentResult { Content = jsonData, ContentType = "application/json" };
}
}
View Code
传输中数据样式截图:

本人用到及此,下次遇到再续写,谢谢!(有错有缺陷请指导)
新业务拓展,欢迎大家访问-> 云享耕科技
AtomGit 是由开放原子开源基金会联合 CSDN 等生态伙伴共同推出的新一代开源与人工智能协作平台。平台坚持“开放、中立、公益”的理念,把代码托管、模型共享、数据集托管、智能体开发体验和算力服务整合在一起,为开发者提供从开发、训练到部署的一站式体验。
更多推荐



所有评论(0)