ASP.NET - API Url to List of Model Objects

Question

Currently I am doing an API call via jQuery, my question is, is there away to do this call in C# or away to convert the results of an API call to an ASP.NET List of Model Objects?

Here is my Model

public class TeamStatsClass
{
        public int id { get; set; }
        public string name { get; set; }
        public string league { get; set; }
        public string division { get; set; }
}

And here is my current ajax call

$.ajax({
        url: "https://statsapi.web.nhl.com/api/v1/teams?sportId=1",
        success: function (data) {

            for (var team of data.teams) {

                console.log(team.name);

            }

        }
    });

UPDATE

I changed my classes to look like so:

public class StatsTeamsClass
    {
        public IEnumerable<Teams> teams { get; set; }
        public string copyright { get; set; }
    }
    public class Division
    {
        public int id { get; set; }
        public string name { get; set; }
        public string link { get; set; }
    }

    public class Teams
    {
        public int id { get; set; }
        public string name { get; set; }
        public string link { get; set; }
        public League league { get; set; }
        public Division division { get; set; }
    }

and created this method which indeeds puts the results in model object:

public async System.Threading.Tasks.Task<StatsTeamsClass> GetTeams()
{

            HttpClient Http = new HttpClient();
            var json = await Http.GetStringAsync("https://statsapi.web.nhl.com/api/v1/teams?sportId=1");
            StatsTeamsClass teams = JsonConvert.DeserializeObject<StatsTeamsClass>(json);

            return teams;
}

But when I try to call this method in another controller, it just hangs there, no error, no nothing, I am assuming it will just time out after a while

public class HomeController : Controller
{

        APIController webService = new APIController();

        public ActionResult Index()
        {

            var item = webService.GetTeams().Result.teams;

            return View();
        }
}

(GetTeams() is inside the controller APIController)

So what would be the proper way to A. get the results of an API in object model and then call those results?

Answer 1

The controller action needs to be made async as well to avoid mixing async-await and blocking calls like .Result or .Wait() that could potentially cause deadlocks.

Reference Async/Await - Best Practices in Asynchronous Programming

public class HomeController : Controller {    
    APIController webService = new APIController();

    public async Task<ActionResult> Index() {    
        var model = await webService.GetTeams();
        var teams = model.teams;
        return View();
    }
}

Assuming APIController is an actual ApiContoller

public class APIController : ApiController {

    //Your original code
    public async Task<StatsTeamsClass> GetTeams() {        
        HttpClient Http = new HttpClient();
        var json = await Http.GetStringAsync("https://statsapi.web.nhl.com/api/v1/teams?sportId=1");
        StatsTeamsClass teams = JsonConvert.DeserializeObject<StatsTeamsClass>(json);
        return teams;
    }

    //...
}

I would suggest not calling APIController directly like that from the HomeController and instead extract the GetTeams() method out into a reusable service

public class WebService {
    static Lazy<HttpClient> http = new Lazy<HttpClient>();

    public async Task<T> GetAsync<T>(string url) {        
        var json = await http.Value.GetStringAsync(url);
        return JsonConvert.DeserializeObject<T>(json);
    }

    public Task<StatsTeamsClass> GetTeamsAsync() {        
        var url = "https://statsapi.web.nhl.com/api/v1/teams?sportId=1";
        return GetAsync<StatsTeamsClass>(url);
    }
}

Reference You're using HttpClient wrong

that can be properly used in HomeController

public class HomeController : Controller {        
    public async Task<ActionResult> Index() {
        // Ideally web service should be injected but that topic
        // is outside of the scope of the question at the moment.
        var webService = new WebService();

        var model = await webService.GetTeamsAsync();
        var teams = model.teams;

        //...

        return View(teams);
    }
}

The assumption here is that the project is a mixed Asp.Net MVC and Web Api 2+

Index.cshtml

@model IEnumerable<Teams>
@{
    ViewBag.Title = "Teams";
}
@if(Model != null && Model.Count() > 0) {
    @foreach (var @team in Model) {
        <p>@team.name</p>
    }
}

Answer 2

Yes, the equivalent in C# would be to use HttpClient. You're best off creating a static instance of the class that you reuse for a particular kind of repeated call:

private static readonly HttpClient Http = new HttpClient(); 

and then used it from an async method using Newtonsoft.Json like this:

var json = await Http.GetStringAsync("https://statsapi.web.nhl.com/api/v1/teams?sportId=1");

You can then parse this string of JSON into a model class like this:

var model = JsonConvert.DeserializeObject<TeamStatsClass>(json);

Answer 3

As the question is answered by @Daniel above just want to add couple of more points here The json you are getting cannot be directly casted to TeamStatsClass you might have to introduce another base class as teams is the collection in the json you are getting.

Im posting it here to get a clearer view

    public class ResponseBaseClass
    {
        public IEnumerable<TeamStatsClass> teams { get; set; }
        public string copyright { get; set; }
    }
    public class TeamStatsClass
    {
        public int id { get; set; }
        public string name { get; set; }
        public Division division { get; set; }
    }
    public class Division
    {
        public int id { get; set; }
        public string name { get; set; }
        public string nameShort { get; set; }
        public string link { get; set; }

    }

 HttpClient Http = new HttpClient();
 var json = await Http.GetStringAsync("https://statsapi.web.nhl.com/api/v1/teams?sportId=1");
 var model = JsonConvert.DeserializeObject<ResponseBaseClass>(json);
 var yourTeamModelObj = model.teams;