ASP.NET MVC表单提交后局部视图未渲染，页面整页刷新求助

Hey there, let's break down your ASP.NET MVC Ajax form issue step by step—I’ve dealt with this exact problem before, so here are the most likely culprits and fixes to check:

ASP.NET MVC's Ajax.BeginForm relies entirely on two scripts to work correctly. If these are missing, your form will fall back to a regular full-page submit:

<!-- Make sure these are included in your layout or view (order matters!) -->
<script src="~/Scripts/jquery.min.js"></script>
<script src="~/Scripts/jquery.unobtrusive-ajax.min.js"></script>

Next, double-check your Ajax.BeginForm attributes—you need to explicitly tell it which element to update with the partial view:

@using (Ajax.BeginForm("Index", "YourControllerName", new AjaxOptions {
    UpdateTargetId = "partial-view-container", // ID of the div that holds your partial
    InsertionMode = InsertionMode.Replace,     // Replace the container's content
    HttpMethod = "Post"                        // Match your Action's HTTP verb
}))
{
    <!-- Your form fields here -->
    <button type="submit">Submit</button>
}

<!-- The container where the partial should render -->
<div id="partial-view-container">
    @Html.Partial("_YourPartialView", Model)
</div>

This is the #1 mistake I see: if your Index action doesn’t distinguish between Ajax and regular requests, it will always return the full view instead of the partial. Use Request.IsAjaxRequest() to branch the logic:

[HttpPost]
public ActionResult Index(YourModel model)
{
    // Handle model validation or data processing here
    if (!ModelState.IsValid)
    {
        // Return partial for Ajax, full view otherwise
        return Request.IsAjaxRequest() 
            ? PartialView("_YourPartialView", model) 
            : View(model);
    }

    // Save data or run business logic...

    // Return the updated partial for Ajax requests
    if (Request.IsAjaxRequest())
    {
        return PartialView("_YourPartialView", model);
    }

    // For non-Ajax requests, redirect or return full view
    return RedirectToAction("Index");
}

Make sure your partial view is in the right location:

• If it’s tied to your controller, place it in ~/Views/YourControllerName/_YourPartialView.cshtml
• For shared partials, put it in ~/Views/Shared/_YourPartialView.cshtml

If the controller can’t find the partial, it will fall back to rendering the full Index view instead—double-check the name matches exactly (case-sensitive on some servers!).

If you wrote custom Ajax code instead of using the helper, don’t forget to block the default form submit behavior:

$('form').submit(function(e) {
    e.preventDefault(); // Critical! Stops the full-page refresh
    $.ajax({
        url: $(this).attr('action'),
        type: $(this).attr('method'),
        data: $(this).serialize(),
        success: function(result) {
            $('#partial-view-container').html(result);
        }
    });
});

Without e.preventDefault(), the browser will run the default form submit alongside your Ajax call, causing a full refresh.

Start with the first two checks—missing scripts and not checking for Ajax requests in your action—since those are the most common fixes. If you share snippets of your actual code, we can narrow it down even further!

内容的提问来源于stack exchange，提问作者mmangual83