I have a Component that renders a form When the page is renders for the first time i simply use the Component.InvokeAsync

@(await Component.InvokeAsync("Cart"))

Inside of this I have a BeginUmbracoForm that calls a surface controller

@using (Html.BeginUmbracoForm<CartController>(nameof(CartController.SaveCart)))

If I post this it will call the same url with the token, and Umbraco routes it to the surface controller.

Then I have an ajax call on the page to load another cart by calling the CartController

url: /umbraco/cart/loadcart

This will change the cart and then render the Component and return it to the javascript that will update some of the html without reloading the page.

The problem is that when the component is rendered this time, the request url is /umbraco/cart/loadcart and the BeginUmbracoForm will therefore post the surface call to this url. I realise why this is (since the request url is this), but I need this to not do it. Is there any workaround for this? Should I add a div with id "formcontent" inside the BeginUmbracoForm and only update the form content by ajax, keeping the original html form tag?