MVC PartialView循环返回上一个PartialView

Question

I have a MVC Controller with an Index that will cycle through multiple PartialView as the user goes through the form process.

Here is the Index:

@section pageMain {
    <div id="partialView">
        @Html.Partial("SelectAccount", SUPR.Models.Account.GetAccounts());
    </div>
}

This works fine and I get the SelectAccount page just fine.

My issue is that I have an AJAX call that runs when the user selects a row in a table on the SelectAccount page. What is supposed to happen is that the PartialView is then replaced with another PartialView that displays the details of the selected row. This actually does work, but after about 1 second it cycles back to the SelectAccount PartialView with a query string attached, for some reason, to the URL.

Before

After

Here is the code for the AJAX call:

$.ajax({
    type: "GET",
    url: "/Review/GetReviewView",
    data: { profitCenter: profitCenterNo }
}).done(function (data) {
    $('#partialView').html(data);
});

The ONLY that is happening in the controller for GetReviewView is that I'm returning the PartialView with the PartialView name and model. This working because, in that brief moment that I can see the ReviewAccount view, the proper data is in the fields.

Any thoughts as to why this odd behavior is occurring?

Answer 1

Are you capturing the event in JS? If you are triggering off of a click event then add the event parameter to the method and then at the end of the method add:

event.preventDefault()

And see if it still happens. It sounds like a client side JS issue, not a C# issue.

The way you are doing this is actually fine. There used to be a Microsoft library called ASP-AJAX or something, don't remember because I didn't use it much. This library basically allowed you to decorate HTML elements with ASP-AJAX-METHOD , ASP-AJAX-REFRESH-TYPE and it would automatically do something similar to what you are doing now. Go to the Server and retrieve a PartialView.