c# - 如何在 MVC 中的局部视图上返回 json？

Question

我有以下代码：

[HttpPost]
public JsonResult Index2(FormCollection fc)
{
    var goalcardWithPlannedDate = repository.GetUserGoalCardWithPlannedDate();
    return Json(goalcardWithPlannedDate.Select(x => new GoalCardViewModel(x)));
}

但是我想在局部视图上使用它，我该怎么做？

Answer 1

如果我正确理解您的需求，您可以尝试以下操作

public JsonResult Index2(FormCollection fc)
{
    var goalcardWithPlannedDate = repository.GetUserGoalCardWithPlannedDate();
    return Json(goalcardWithPlannedDate.Select(x => new GoalCardViewModel(x)), "text/html", JsonRequestBehavior.AllowGet);
}

设置 c 内容类型很重要，因为如果您使用Html.RenderAction. 这不是一个好的解决方案，但它在某些情况下有效。

相反，您也可以尝试更好的解决方案：

var scriptSerializer = new System.Web.Script.Serialization.JavaScriptSerializer();
var jsonString = scriptSerializer.Serialize(goalcardWithPlannedDate.Select(x => new GoalCardViewModel(x)));

然后你可以用字符串表示做任何你想做的事情。它实际上JsonResult是在它里面做的。顺便说一句，您可以在这里使用任何 json 序列化程序，取得同样的成功。

如果你想在客户端访问它。您无需更改代码。如果使用 jQuery：

$.post('<%= Url.Action("Index2") %>', { /* your data */ }, function(json) { /* actions with json */ }, 'json')

如果你想将它传递给你的视图模型，那么：

[HttpPost]
public ActionResult Index2(FormCollection fc)
{
    var goalcardWithPlannedDate = repository.GetUserGoalCardWithPlannedDate();
    return PartialView(new MyModel { Data = goalcardWithPlannedDate.Select(x => new GoalCardViewModel(x)) });
}

Answer 2

您还可以返回部分视图而不是 Json。

[HttpPost]
public ActionResult Index2(FormCollection fc)
{
   var goalcardWithPlannedDate = repository.GetUserGoalCardWithPlannedDate();
   return PartialView(goalcardWithPlannedDate.Select(x => new GoalCardViewModel(x)));
}