ASP.NET MVC passing JSON to View from controller

Question

Was wondering what the best way is to pull data from an API (in JSON format). I have code in my controller, which calls an API which returns data.

I want to get the data onto my View so i can display it on a page. I have seen the most documented way by using jQuery/AJAX, but i dont really want the API url's to be made public.

I was thinking of passing an object created from the returned data. But in all honesty i am not sure how to do this!

The below code brings back the data for the products, per user. This works fine.

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;
}

And at present i am passing the returned data to the page using ViewBag. This does not work well if there is more than one product. I am passing this in the ActionResult for the view.

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;
}

Any ideas/examples would be much appreciated.

I have a model set up, i am pretty new to MVC tbh. do you have an example? — thatuxguy, May 12 '14 at 08:53

Se0ng11 · Accepted Answer · 2014-05-12T09:26:43.083

6

Hope this can give you some idea on how it actually work

Some example of return as actionresult to view

Controller

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));
}

View

@model IEnumerable<productDetails>


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

JsonResult

Some example of return as json to view

Controller

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

call with ajax

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

edited May 12 '14 at 09:26

answered May 12 '14 at 09:06

Se0ng11

2,303
2
26
45

1

First part works a treat, just what i needed i think :D Cheers! – thatuxguy May 12 '14 at 09:27
what if i had a 2nd -- var p2 = GetUserOtherProducts(userGuid); for example? how would i pass that to the view? would that be using partial views? – thatuxguy May 12 '14 at 09:30
1

If both is totally different model(should be different model), then you need to create a `ViewModel`, you can refer this http://stackoverflow.com/questions/16548376/asp-net-mvc-how-exactly-to-use-view-models for more info – Se0ng11 May 12 '14 at 09:33
used this one too -- http://stackoverflow.com/questions/6937156/returning-multiple-partial-views-from-single-controller-action Thanks for your help! :D – thatuxguy May 12 '14 at 10:07

ASP.NET MVC passing JSON to View from controller

1 Answers1

Linked