ASP.NET MVC将JSON从控制器传递给View

时间:2014-05-12 08:41:45

标签: asp.net asp.net-mvc json asp.net-mvc-4

想知道从API(以JSON格式)提取数据的最佳方法是什么。我的控制器中有代码,它调用返回数据的API。

我想将数据放到我的View上,这样我就可以在页面上显示它。我已经看到了使用jQuery / AJAX记录最多的方法,但我真的不希望API网址公开。

我正在考虑传递从返回的数据创建的对象。但老实说,我不知道该怎么做!

以下代码为每位用户带回产品数据。这很好。

public static List<productDetails> GetUserProducts(string userid)
{
    //api/product/user/<Guid>
    var url = baseUrl + "/product/user/" + userid;

    var syncClient = new WebClient();
    var content = syncClient.DownloadString(url);

    List<productDetails> Products = (List<productDetails>)Newtonsoft.Json.JsonConvert.DeserializeObject(content, typeof(List<productDetails>));

    return Products;
}

目前我正在使用ViewBag将返回的数据传递给页面。如果有多个产品,这种方法效果不佳。我在ActionResult中传递了这个视图。

var p = GetUserProducts(userGuid);

foreach(var product in p)
{
    ViewBag.pId = product.Id;
    ViewBag.pName = product.FriendlyName;
    ViewBag.pSerial = product.SerialNumber;
    ViewBag.pbatt = product.Location.BatteryCharge + "%";

    ViewBag.devicehistory = "~/Location/History/" + product.Id;
}

非常感谢任何想法/例子。

1 个答案:

答案 0 :(得分:5)

希望这可以让你对它的实际工作方式有所了解

返回as actionresult以查看

的一些示例

<强>控制器

public ActionResult something(string userGuid)
{
    var p = GetUserProducts(userGuid);
    return view(p); //you can return as partial view  (return PartialView("your partial view name", p));
}

查看

@model IEnumerable<productDetails>


 foreach (var item in Model)
{
   @Html.DisplayFor(model => item.Id)
   //and so on
}

JsonResult

以json的形式返回视图的一些例子

<强>控制器

   [httpPost]
    public JsonResult something(string userGuid)
    {
        var p = GetUserProducts(userGuid);
        return Json(p, JsonRequestBehavior.AllowGet);
    }

使用ajax调用

$.post( "../something", {userGuid: "foo"}, function( data ) {
  console.log(data)
});