how to reload view component and not the rest of the page

Hi Lawrence,

One technique I often use is an AJAX call.

Your view component will have JS that calls a Web API end-point within your application. The Web API retrieves your data, probably based on the filter values you will pass.

Depending on how your application is set up, this should be one method that should achieve what you need.

how would i write the ajax call to target an action on the home page controller when the home page controller uses kentico's tree based routing?

so I have this and I am getting the view component code, but nothing is refreshing.

 $j.ajax({
        url: "@Url.Action("RefreshQuickLinks")",
            method: "GET",
            success: function () {
                $j("#QuickLinks").html();
            }
        });
    };

here is some more info if that helps home page controller has this

 public IActionResult RefreshQuickLinks()
    {
        // needs to not have ViewComponent in title
        return ViewComponent("QuickLinks");
    }

Home page view has this

<div id="QuickLinks">
                @(await Component.InvokeAsync("QuickLinks"))
            </div>

Also, some context to what is going on. Before I call this

$j.ajax({
    url: "@Url.Action("RefreshQuickLinks")",
        method: "GET",
        success: function () {
            $j("#QuickLinks").html();
        }
    });
};

I have already updated the database, so I just need a refresh of the information. No parameters or anything are being passed into the view component from the javascript.

so... This works.... but I don't udnerstand what data does when I am not using it for anything...

 $j.ajax({
        url: "@Url.Action("RefreshQuickLinks")",
            data: { test: 'test' },
            method: "GET",
            success: function (data) {
                $j("#QuickLinks").html("");
                $j("#QuickLinks").html(data);                                        
            }
        });
    };