how populate a Partial View on page load using ajax in asp.net mvc with some query? - ajax

Question

I'm working on Asp.net MVC 5 project . I have below code and it works fine without error , my problem is : in page load showed all of records , I want to show a specific record . How can I do it ?
controller :
public ActionResult GoodDetails(int id)
{
HomeVM vm = new HomeVM();
var goodDetails = db.GoodDetails.Where(p => p.FKSubGoods == id).ToList();
vm.GoodDetails = goodDetails;
return View(vm);
}
public PartialViewResult GoodDetailsAjax(int id)
{
HomeVM vm = new HomeVM();
var GoodDetailsAjax = db.GoodDetails.Where(p => p.DetailsGoodID == id).ToList();
vm.GoodDetails = GoodDetailsAjax;
return PartialView("_GoodDetailsAjax", vm);
}
_GoodDetailsAjax.cshtml :
#model NP1.ViewModels.HomeVM
<div>
#foreach (var item in Model.GoodDetails)
{
<img class="img-responsive" src="#Url.Content(item.DetailsImage1.ToString())">
<img class="img-responsive" src="#Url.Content(item.DetailsImage2.ToString())">
<img class="img-responsive" src="#Url.Content(item.DetailsImage3.ToString())">
<img class="img-responsive" src="#Url.Content(item.DetailsImage3.ToString())">
}
</div>
I added #{Html.RenderPartial("_GoodDetailsAjax", Model);} to Target div to show a record on page load , but it shows all records and I don't know how write a specific record. I wrote some codes instead of Model but they didn't work .
Thanks for any help .
<div>
#foreach (var item1 in Model.GoodDetails)
{
#Ajax.ActionLink("LinkText", "GoodDetailsAjax", new { id = #item1.DetailsGoodID }, new AjaxOptions()
{
HttpMethod = "GET",
UpdateTargetId = "DivAjax",
InsertionMode = InsertionMode.Replace
}
)
<input type="image" src="#Url.Content(item1.DetailsSmallImage1.ToString())">
}
</div>
<div id="DivAjax">
#{Html.RenderPartial("_GoodDetailsAjax", Model);}
</div>