ASP.NET MVC 5视图中jQuery POST请求随机404错误（URL异常）

问题根源 #

你遇到的时好时坏的问题，核心是硬编码的相对/根路径会根据当前页面的URL动态解析，导致请求目标不一致。逐个分析你用的三种写法：

• 写法1（"LoadSendAlertPage"）：属于相对当前页面的路径。如果当前页面URL是/Dashboard/Index，请求会正确指向/Dashboard/LoadSendAlertPage；但如果当前页面是/Dashboard/SubPage/Detail，请求会变成/Dashboard/SubPage/LoadSendAlertPage，自然找不到目标方法。
• 写法2（"Dashboard/LoadSendAlertPage"）：同样是相对路径。如果当前页面在根路径下（比如/Home/Index），请求会错误指向/Home/Dashboard/LoadSendAlertPage；只有当前页面本身在根路径时才会正确，所以不稳定。
• 写法3（"/LoadSendAlertPage"）：根相对路径，但MVC默认路由规则是/{controller}/{action}，这个路径会匹配LoadSendAlertPageController的默认方法，而不是DashboardController下的LoadSendAlertPage，除非你有特殊路由配置，否则大部分时候都会失败，偶尔成功可能是巧合。

正确解决方式 #

在ASP.NET MVC中，永远不要硬编码请求路径，应该用Razor的Url.Action()方法根据路由规则自动生成正确的URL，彻底避免路径解析问题。

直接在Razor视图中使用

$.post('@Url.Action("LoadSendAlertPage", "Dashboard")', { param1: _param1, param2: _param2}, function (result) {
    console.log(result);
});

外部JS文件的处理

如果AJAX代码在外部JS文件中（无法直接使用Razor语法），可以在视图页面的script标签中先把URL存为全局变量或DOM的data属性：

<!-- 在Razor视图中定义 -->
<script>
    var apiUrls = {
        loadSendAlert: '@Url.Action("LoadSendAlertPage", "Dashboard")'
    };
</script>
<script src="/js/your-script-file.js"></script>

然后在外部JS中引用这个变量：

// 外部JS文件中使用
$.post(apiUrls.loadSendAlert, { param1: _param1, param2: _param2}, function (result) {
    console.log(result);
});

排查验证步骤 #

1. 失败时查看浏览器控制台的请求URL，对比当前页面的URL，就能清晰看到相对路径解析错误的问题。
2. 检查你的路由配置是否有自定义规则，如果有，Url.Action()会自动适配路由生成正确路径，无需手动调整。

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