How to refresh current page with new data in ASP.NET?

See more:

Javascript

data

controller

, +

I created an update page for ASP.NET Core MVC (.NET 7). I want that after user completes the form for update and clicks on Submit, the current page refreshes with new data. The page is refreshed, but the data is not. However, when I click on Ctrl+F5 or F5, the new data shows it too. Why does this happen and how can I fix this?

What I have tried:

This is the part of my code in controller for refresh page with RedirectToAction:

if(result != 0)
                 {
                     return RedirectToAction("Update", new { name = productModel.titleENG });
                 }
                 else
                 {
                     ModelState.AddModelError("", "try again later");
                     return View("UpdateProduct", new { name = productModel.titleENG });
                 }

and this is my JavaScript:

function ManagmentProduct(event) {
    const form = document.getElementById('ManageProduct');
    let confirmAction = confirm("are you sure about update?");
    if (confirmAction) {
        event.preventDefault(); // prevent the default form submission
        const formData = new FormData(form); // create a new form data object
        const farsiText = document.getElementById('definitionFA').innerHTML; // get the contenteditable value
        formData.append('definitionFA', farsiText); // add the contenteditable value to the form data
        const EnglishText = document.getElementById('definitionENG').innerHTML; // get the contenteditable value
        formData.append('definitionENG', EnglishText); // add the contenteditable value to the form data
        fetch(form.action, {
            method: 'POST',
            body: formData
        })
            .then(location.reload(true))
            .then(response => response.json())
            .then(data => console.log(data))
            .catch(error => console.error(error)); 
    } else {
        event.preventDefault();
        return false;
    }
}