我有一个 MVC 应用程序,我正在使用各种 JsonResult
端点来填充 javascript ViewModel。
我一直在使用几个 jQuery Ajax 请求来填充模型,但我希望将尽可能多的初始模型传递给服务器上的 View 。
ViewModel 有 3-5 个部分(取决于用户在应用程序中的位置):
我目前正在使用此代码加载前三部分:
$(document).ready(function () {
ko.applyBindings(viewModel);
@Html.Raw(ViewBag.Script)
// Piece 1. Almost always the same thing
postJSON('@Url.Action("HomeViewModelJson", "Home")', function (data) {
if (data == null)
return;
for (var i in data.Tabs) {
viewModel.tabs.push({ name: data.Tabs[i] });
}
for (var i in data.Buttons) {
viewModel.metroButtons.push({ name: data.MetroButtons[i] });
}
for (var i in data.Ribbons) {
viewModel.ribbons.push(data.Ribbons[i]);
}
ApplyButtonThemes();
});
});
// Piece 2. Changes constantly. OK as is
postJSON('@Url.Action("GetNotifications", "NotificationAsync")', function (nots) {
viewModel.notifications.removeAll();
ko.utils.arrayForEach(nots, function (item) {
item.readNotification = function () {
hub.markNotificationAsRead(this.Id);
return true;
};
viewModel.notifications.push(item);
});
});
// Piece 3. Changes but should also be loaded at startup
postJSON('@Url.Action("GetUser", "UserAsync")', function (user) {
viewModel.user(koifyObject(user));
});
postJSON = function(url, data, callback) {
if($.isFunction(data)) {
callback = data;
data = {};
}
$.ajax({
'type': 'POST',
'url': url,
'contentType': 'application/json',
'data': ko.toJSON(data),
'dataType': 'json',
'success': callback
});
};
我尝试做这样的事情,但我发现通过使用
@Html.Action("HomeViewModelJson", "Home")
导致 HTTP header 发生更改,并且整个页面都像 JSON 一样发送 (function (data) {
if (data == null)
return;
for (var i in data.Tabs) {
viewModel.tabs.push({ name: data.Tabs[i] });
}
for (var i in data.MetroButtons) {
viewModel.metroButtons.push({ name: data.MetroButtons[i] });
}
for (var i in data.Ribbons) {
viewModel.ribbons.push(data.Ribbons[i]);
}
ApplyMetroButtonThemes();
})('@Html.Action("HomeViewModelJson", "Home")');
我想做的是使用现有的
JsonResult
在将页面发送给用户之前,端点将 Json 数据放入服务器端的 ViewModel 中。是否有任何选项可以让我在不重写 Controller 的情况下做到这一点?
最佳答案
渲染主 View 时,您使用的是 View 模型,对吗?在此 View 模型中,只需在返回 View 之前填充您不想使用 AJAX 获取的属性:
public ActionResult Index()
{
MyViewModel model = ...
model.Prop1 = ...
model.Prop2 = ...
return View(model);
}
例如,如果您有以下用于 AJAX 请求的操作:
public JsonResult GetProp1()
{
Property1ViewModel model = ...
return Json(model, JsonRequestBehavior.AllowGet);
}
您可以在主要操作中使用它来填充各个属性:
model.Prop1 = (Property1ViewModel)GetProp1().Data;
model.Prop2 = (Property2ViewModel)GetProp2().Data;
然后在相应的 View 中,您可以使用
Json.Encode
将整个模型序列化为 JSON 字符串的方法:@model MyViewModel
<script type="text/javascript">
var model = @Html.Raw(Json.Encode(Model));
// You could use model.Prop1 and model.Prop2 here
</script>
或者,如果您不需要所有属性,也可以序列化单个属性:
@model MyViewModel
<script type="text/javascript">
var prop1 = @Html.Raw(Json.Encode(Model.Prop1));
</script>
关于asp.net-mvc-3 - MVC 将 JSON ViewModel 传递给 View,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10441878/