Calling Partial View Using JQuery

Question

I have a partial view defined like this in my /Shared folder

<div id="myProducts">
  @Html.Partial("_ProductsList",Model)
 </div>

I want to load _ProductsList through JQuery. Basically, I am trying to refresh my _ProductsList view on button click. I tried to do like this:

$('myProducts').Load(/Shared/_ProductsList)

But I get a "resource not found error".

Answer 1

try to use this ajax code

        $.ajax({
        
            url: "/MyController/MyAction",
            type: "POST", //or "GET" if you don't send body data
            success: function (result) {
                    $("#myProducts").html(result);
            },
            error: function (xhr, exception) {
               
            }
        });

and the action

public partial class MyController : Controller
{
  public IActionResult MyAction()
  {
      var model=new myModel { ... assign model properties  };
     return PartialView("_ProductsList", model);
 }
}