如何在不预定义 JSON 结构的情况下将 JSON 响应显示到 MVC 视图中？

debugcn 发表于 Dev

尼尔斯斯坦登

我对 ASP.NET 和 MVC 很陌生。我已经创建了一个 MVC asp.net 应用程序，我正在寻找一种方法来在我的视图中显示我从任何Web API接收到的数据，而无需预先定义我的 Web API 响应的 JSON 结构。

我从 Web API 获取数据的控制器如下所示：

[HttpGet]
public async Task<ActionResult> getCall()
{
    string url = "http://localhost:51080/";
    string customerApi = "customer/1";

    using (var client = new HttpClient())
    {
        client.BaseAddress = new Uri(url);
        client.DefaultRequestHeaders.Accept.Clear();
        client.DefaultRequestHeaders.Accept.Add(new MediaTypeWithQualityHeaderValue("application/json"));

        HttpResponseMessage response = await client.GetAsync(customerApi);
        if (response.IsSuccessStatusCode)
        {
            string jsondata = await response.Content.ReadAsStringAsync();
            return Content(jsondata, "application/json");
        }
        return Json(1, JsonRequestBehavior.AllowGet);
    }
}

我的看法：

@using MVCApp.Controllers;

@{
ViewBag.Title = "Dashboard";
if (Session["userID"] == null)
{
    Response.Redirect("~/Login/Index");
}
else
{
     ((HomeController)this.ViewContext.Controller).getCall();
}
}

<div class="row">
<div class="col-md-4">
    <h2>Getting started</h2>
    <p>
    <!-- Labels with values here! -->
    </p>
</div>
<div class="col-md-4">
</div>
<div class="col-md-4">
</div>

希望有人能帮我解决这个问题。

提前致谢！

雨336

您可以使用JObject来自 Json.Net 的 a 来读取 json 对象，而无需定义类。一个例子：

{
  "key1": "value1",
  "key2": {
    "subkey1": 123
  },
  "key3": [
    3.1415926535,
    3.621,
    13.37
  ]
}

@{
string content = ...; // String containing the json data.
var json = JObject.Parse(content);
}
div class="row">
<div class="col-md-4">
    <h2>Getting started</h2>
    <p>key1: </p>
    <p>@json["key1"].Value<string>()</p><br>
    <!-- Returns "value1" -->
    <p>key2.subkey1: </p>
    <p>@json["key2"]["subkey1"].Value<int>()</p><br>
    <!-- Returns 123 -->
    <p>key3: </p>
    @foreach(var value in json["key3"].Values<double>())
    {
      <p>@value</p>
    }
    <!-- Returns -->
    <!-- 3.1415926535 -->
    <!-- 3.621 -->
    <!-- 13.37 -->
</div>
<div class="col-md-4">
</div>
<div class="col-md-4">
</div>

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。