Web Api not working with mvc

Posted by Klbaiju under ASP.NET Web API on 1/3/2019 | Points: 10 | Views : 4952 | Status : [Member] | Replies : 2
Hi,

My application contains a web api and mvc project

I have create a web api connected database with entity framework and tested like this

http://localhost:1547/api/employee/

it returns

[{"EmployeeID":1,"Name":"Ram","Position":"SW Engineer","Age":29,"Salary":80000},{"EmployeeID":2,"Name":"Krishnan","Position":"Admin","Age":34,"Salary":9000}]

then I have added an mvc project in same solution

create class file for accessing web api data like this

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Net.Http;
using System.Net.Http.Headers;
namespace Mvc
{
public static class GlobalVariables
{
public static HttpClient WebApiClient = new HttpClient();
static GlobalVariables()
{

WebApiClient.BaseAddress = new Uri("http://localhost:1547/api");
WebApiClient.DefaultRequestHeaders.Clear();
WebApiClient.DefaultRequestHeaders.Accept.Add(new MediaTypeWithQualityHeaderValue("application/json"));
}
}
}

next I have added a controller in mvc(Employeecontroller) and added following code

public ActionResult Index()
{
IEnumerable<MvcEmployeeModel> empList;
HttpResponseMessage response = GlobalVariables.WebApiClient.GetAsync("Employee").Result;
empList = response.Content.ReadAsAsync<IEnumerable<MvcEmployeeModel>>().Result;

return View(empList);
}

next created a view for the above index

@model IEnumerable<Mvc.Models.MvcEmployeeModel>

@{
ViewBag.Title = "Index";
}

<h2>Index</h2>

<p>
@Html.ActionLink("Create New", "Create")
</p>
<table class="table">
<tr>
<th>
@Html.DisplayNameFor(model => model.EmployeeID)
</th>
<th>
@Html.DisplayNameFor(model => model.Name)
</th>
<th>
@Html.DisplayNameFor(model => model.Position)
</th>
<th>
@Html.DisplayNameFor(model => model.Age)
</th>
<th>
@Html.DisplayNameFor(model => model.Salary)
</th>
<th></th>
</tr>

@foreach (var item in Model) {
<tr>
<td>
@Html.DisplayFor(modelItem => item.EmployeeID)
</td>
<td>
@Html.DisplayFor(modelItem => item.Name)
</td>
<td>
@Html.DisplayFor(modelItem => item.Position)
</td>
<td>
@Html.DisplayFor(modelItem => item.Age)
</td>
<td>
@Html.DisplayFor(modelItem => item.Salary)
</td>
<td>
@Html.ActionLink("Edit", "Edit", new { /* id=item.PrimaryKey */ }) |
@Html.ActionLink("Details", "Details", new { /* id=item.PrimaryKey */ }) |
@Html.ActionLink("Delete", "Delete", new { /* id=item.PrimaryKey */ })
</td>
</tr>
}

</table>

finally set the property and start both webapi and mvc projects

and run like this

http://localhost:1548/employee

an error has shown

Additional information: No MediaTypeFormatter is available to read an object of type 'IEnumerable`1' from content with media type 'text/html'.

How to solve this

Regards

Baiju




Responses

Posted by: Sheonarayan on: 1/3/2019 [Administrator] HonoraryPlatinum | Points: 25

Up
0
Down
Looks to me that the error is at empList (the return type of the api).

Change it to var and read as string (it return json) and after that change it to collection of employee model. First see that you are getting the json string back from web api.

Thanks

Regards,
Sheo Narayan
http://www.dotnetfunda.com

Klbaiju, if this helps please login to Mark As Answer. | Alert Moderator

Posted by: Alexpaul on: 3/11/2019 [Member] Starter | Points: 25

Up
0
Down
I understand the issue which you are actually mentioned in your post, you can simply visit https://antiviruschatsupport.co/panda-antivirus-support/ know the proper information to solve out your issue properly.

Klbaiju, if this helps please login to Mark As Answer. | Alert Moderator

Login to post response