如何撤销jQuery选择器html()的重定向，解决页面刷新异常问题？

你的问题核心在于：Ajax操作只修改了页面DOM，但没同步更新浏览器的URL状态，刷新时浏览器会重新请求当前页面的默认GET路由（也就是index.cshtml对应的OnGet方法），导致整页跳转。下面是几个实用的解决办法：

方案一：用URL哈希记录局部视图状态 #

通过修改URL的哈希部分（#后面的内容）标记当前局部视图状态，页面加载时（包括刷新）读取哈希值，自动重新渲染对应的局部视图。

修改你的Ajax代码：

$.post('/reports/AddReportData', formData)
.done(function (response) {
    $("#myPartialView").html(response);
    // 把当前局部视图的标识存入哈希
    window.location.hash = 'reportData';
});

// 页面加载（含刷新）时检查哈希，恢复局部视图
$(document).ready(function() {
    if (window.location.hash === '#reportData') {
        // 重新请求局部视图数据并渲染
        $.get('/reports/GetReportData')
        .done(function(response) {
            $("#myPartialView").html(response);
        });
    }
});

注：需要后端新增/reports/GetReportData接口，用于返回对应的局部视图内容。

方案二：用History API修改URL路径（无刷新） #

利用HTML5的pushState修改浏览器URL的路径部分，让刷新时浏览器请求对应局部视图的路由，同时后端需要配合处理这个路由的GET请求。

修改Ajax代码：

$.post('/reports/AddReportData', formData)
.done(function (response) {
    $("#myPartialView").html(response);
    // 修改URL路径，不触发页面跳转
    history.pushState({ view: 'reportData' }, '', '/reports/ReportData');
});

// 监听浏览器前进/后退事件，同步更新局部视图
window.addEventListener('popstate', function(e) {
    if (e.state?.view === 'reportData') {
        $.get('/reports/ReportData')
        .done(function(response) {
            $("#myPartialView").html(response);
        });
    } else {
        // 恢复默认的局部视图内容
        $("#myPartialView").html(''); // 或者请求初始的局部视图
    }
});

后端需要在ReportsController中新增对应的GET方法：

public IActionResult ReportData()
{
    // 返回对应的局部视图
    return PartialView("_ReportDataPartial");
}

这样刷新时浏览器请求/reports/ReportData，后端直接返回局部视图，就不会跳转到index的局部视图了。

方案三：调整后端OnGet方法，根据请求返回对应内容 #

如果不想修改前端URL，也可以在后端的OnGet方法中判断请求是否需要返回局部视图，比如通过查询参数标记：

前端Ajax代码保持不变：

$.post('/reports/AddReportData', formData)
.done(function (response) {
    $("#myPartialView").html(response);
});

后端修改OnGet方法：

public IActionResult OnGet(string view = null)
{
    if (view == "reportData")
    {
        // 返回局部视图
        return PartialView("_ReportDataPartial");
    }
    // 默认返回index页面
    return Page();
}

这样刷新时如果URL是/reports?view=reportData，后端就会返回对应的局部视图，而不是整页index。

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