json result displayed as a text on my razor view !

Hi Guys I'm trying to display a Json result back to a view i have seen it done in a few tutorials but not working on min as it only display the json result on the page but not as a view I'm not sure where I'm going wrong

my Action in my control:

public ActionResult Index()
{
myContext.Configuration.ProxyCreationEnabled = false;
myContext.Configuration.LazyLoadingEnabled = false;
var driver = myContext.Drivers.OrderBy(x => x.firstName).ToList();
return Json( driver, JsonRequestBehavior.AllowGet);
}

my Razor view where I want to display the result:

@{
ViewBag.Title = "test";
}
@{
Layout = "~/Views/Shared/_Layout.cshtml";
}
test
Part 1 : Implement jQuery Datatable in ASP.NET MVC
"width:90%; margin:0 auto;">
"myTable">
First Name
surname
BadgeNo

@* Load datatable js *@

@section Scripts{

"~/Scripts/jquery-3.1.1.min.js">

"~/Scripts/jquery.validate.min.js">

"~/Scripts/jquery.validate.unobtrusive.min.js">

"https://cdn.datatables.net/1.10.13/js/jquery.dataTables.min.js">

"~/Scripts/jquery-ui-1.12.1.min.js">

}

"//cdn.datatables.net/1.10.9/js/jquery.dataTables.min.js">

P.s I have a relationship between 2 tables all the tutorials I have watched using a single table

thanks in advance

2 Replies

Know the answer? Post it — somebody with the same question will find it here.

Abbas Hamza9y ago
Him @Bikesh Thank you for your guidance, so I assume that I need to deserialize the object in the action methods before it return json result?
Bikesh Srivastava9y ago
Hi,
I think you are doing good ,but you need to change some little bit of code,
you need to deserlize properly.

json result displayed as a text on my razor view !

test

Part 1 : Implement jQuery Datatable in ASP.NET MVC