How to dynamically replace PartialView in one page?

Question

PHP

The situation is as follows: there are two PartialViews, one of which (PartialView1) has a form, after which the second PartialView2 should be displayed instead of the first one. Please tell me how to implement it.

Answer 1

https://jqueryui.com/autocomplete/

Answer 2

You can use the jquery.unobtrusive.ajax library that comes in the MVC 3+ box with the AjaxHelper helper. I would not recommend this solution for large web applications, since it requires you to have a horizontal dependency structure, which is not always convenient (and definitely inconvenient for modularity), but for small pages - just right, almost nothing needs to be written.

<div id="Container">
    @Html.Partial("Partial2")
</div>
@Ajax.ActionLink(
    "Заменить",
    "Replace",
    "Test",
    new { someId = 12 },
    new AjaxOptions{
        UpdateTargetId = "Container",
        InsertionMode = InsertionMode.Replace,
        HttpMethod = "POST"
    })

public class TestController : Controller
{
    [HttpPost]
    public ActionResult Replace(int someId)
    {
        return PartialView("Partial2", someId);
    } 
}

Answer 3

You can for example like this, by clicking on the link (change to a button if necessary). The controller method must return a PartalView. The content of the div will be replaced with the resulting view

<div id="addnewcar">
    @Html.ActionLink("Добавить машину", "AddCar", null, new
                   {
                       id = "car"
                   })
</div>

$(document).ready(function () {
        $('#car').click(function (event) {
            event.preventDefault();
            var url = $(this).attr('href');
            $('#addnewcar').load(url);
        });
    });

Answer 4

Is the form being sent by ajax? If so, then return PartialView("PartialView2") in the controller method and change the form to the view received from the server with javascript.
If with a normal POST request for the entire page, then similarly, only return View("PartialView2") :-)