I need to implement functionality on my cshtml page, ListZoneRecords.cshtml, where clicking on a zone row should display its details on another page. I am looking to achieve this using ajax.
//ListZoneRecords.cshtml
<script>
$('#btn_sbmt_details').click(function () {
var id = $('#i_zone_id').val();
$.ajax({
url: "/ZoneModels/GetByKey",
data: { id: id},
type: "GET",
contentType: "application/json;charset=UTF-8",
dataType: "json",
})
});
</script>
Upon pressing the button btn_sbmt_details, it triggers the GetByKey method in the controller, which searches for the specified id and retrieves the details. The challenge now is to display these details on a different cshtml page such as ZoneDetails.cshtml. Can this be done through ajax?
The corresponding controller method:
public JsonResult GetByKey(int? id)
{ var data = (from z in db.ZoneModels
where z.ZoneId == id
select z).ToList();
return Json(data, JsonRequestBehavior.AllowGet);
}
Alternatively, do I need to use proper MVC practices by creating a view page for the GetByKey method and then executing return View(data);?
public ActionResult GetByKey(int? id)
{ var data = (from z in db.ZoneModels
where z.ZoneId == id
select z).ToList();
return View(data);
}