将 json 返回到核心 2 中的部分视图

Question

我想创建一个包含不同视图的视图。我以前从未使用过json。我该如何做到这一点以及如何在视图中格式化 json 数据？

我的第一个函数“Details”是从数据库中检索一个对象并返回视图“Details.cshtml”。在这个视图中，我想生成一个局部视图（“Stats.cshtml”）。现在我想用 Stats 函数中以 json 格式下载的数据生成一个局部视图。

控制器

public IActionResult Details(int? id = 1)
{
  var person = _context.Persons.Find(id);

  return View(champion);
}

public IActionResult Stats()
{
  var json = new WebClient().DownloadString("url");

  return Json(s);
}

查看 - Details.cshtml

@model Person

<div class=row">
  <div class="col-sm-5"> @Model.Name </div>
  <div class="col-sm-5"> @Html.Partial("Stats") </div>
</div>

查看 - Stats.cshtml

<h2>Stats</h2>
<div> here I want to put in a json field </div>

当我从地址 localhost/Home/Stats 运行“Stats”函数时，我得到 json 格式的结果，但是当我运行“Details”函数时，我得到了视图没有 json 值的“详细信息”和“统计信息”。

Answer 1

要渲染一个部分，你有很多选择，通过你的代码，

1. 最简单的方法是：将您的 Stats 代码移至 Details 操作

   public ActionResult Details()
   {
       ...//prepare your person viewModel
   
       var result = new WebClient().DownloadString("url");
       var stats = JsonConvert.DeserializeObject<YourViewModel>(result);
   
       //you have 2 options to return data
       yourPersonModel.Stats=stats ; //<== you have to change PersonViewModel
       //or ViewBag.Stats=stats; 
   
       return View(yourPersonModel);
   }
   

然后在Details.cshtml中：

@Html.Partial("Stats", ViewBag.Stats or Model.Stats)//by your choice before.

1. 由于 Html.Action 被移除，而 ViewComponent 进入 Core，你现在不能直接调用它，但是这个链接会告诉你如何让它回来：@Html.Action in Asp.Net Core

   public ActionResult Stats()
   {
       var result = new WebClient().DownloadString("url");
       var yourViewModel = JsonConvert.DeserializeObject<YourViewModel>(result);
       return PartialView(yourViewModel);
   }
   

在您的视图中添加以下代码 - Stats.cshtml：

@model YourViewModel

然后在Details.cshtml中：

@Html.Action("Stats")

注意Html.Action不能调用async动作，小心使用。

1. 下一个解决方案是使用新功能 ViewComponent，以下是详细信息： https://docs.microsoft.com/en-us/aspnet/core/mvc/views/view-components?view=aspnetcore-2.1

2. 最后一个将不是您所期望的：使用 AJAX 在页面上加载此部分页面 详细信息已加载到客户端