AJAX调用时@Url.Action未解析，请求出现404错误求助

这个问题我碰到过好多次，核心原因是Razor引擎没有解析你写的@Url.Action语法，直接把它当成了普通字符串传给浏览器，导致请求路径变成了localhost/@Url.Action("AddPatient","Home")这种无效地址。下面拆解几种常见场景和对应的解决办法：

1. JS代码写在外部.js文件里 #

外部JS文件不会被Razor引擎处理，所以@Url.Action完全不会被解析成实际路径。

解决思路：先在视图里生成URL再传给外部JS #

• 方法一：用全局变量存储URL
  在你的.cshtml视图里添加一段前置脚本：

  <script>
      // 让Razor先解析URL，存到全局变量里
      window.addPatientApiUrl = '@Url.Action("AddPatient", "Home")';
  </script>
  <!-- 再引入外部JS文件 -->
  <script src="/js/your-ajax-script.js"></script>
  

  然后在外部JS里直接用这个变量：

  $.ajax({
      url: window.addPatientApiUrl,
      type: "POST",
      data: yourFormData,
      // 其他配置...
  });
  

• 方法二：用DOM元素的data属性传递
  比如给触发AJAX的按钮加个自定义属性：

  <button id="submitPatientBtn" data-api-url="@Url.Action("AddPatient", "Home")">提交患者信息</button>
  

  JS里通过data()方法获取：

  $('#submitPatientBtn').click(function() {
      var targetUrl = $(this).data('api-url');
      $.ajax({
          url: targetUrl,
          // 其他配置...
      });
  });
  

2. JS代码写在Razor视图的<script>标签里，但写法有误 #

如果你的脚本直接写在.cshtml里，还是出现这个问题，大概率是引号嵌套错了，导致Razor无法正确解析@Url.Action。

错误写法示例： #

$.ajax({
    // 内层双引号和外层双引号冲突，Razor解析失败
    url: "@Url.Action("AddPatient", "Home")",
    // 或者没加引号，会直接抛出语法错误
    url: @Url.Action("AddPatient", "Home"),
});

正确写法： #

用单引号和双引号交叉嵌套，让Razor能识别并解析@符号：

$.ajax({
    // 外层单引号，内层双引号
    url: '@Url.Action("AddPatient", "Home")',
    type: "POST",
    data: $("#patientForm").serialize(),
    success: function(response) {
        // 处理成功回调
    }
});

3. 视图不是Razor视图（比如静态HTML或.aspx） #

只有.cshtml格式的Razor视图才会解析@开头的语法，如果你的页面是.html或者.aspx，Razor引擎根本不会处理这些代码。

解决办法： #

• 把视图改成.cshtml格式（推荐，能自动适配路由变化）；
• 手动写死URL，比如url: "/Home/AddPatient"，但这种方式要注意路由配置的变化，后续如果路由规则修改，需要手动更新所有硬编码的URL。

额外检查项 #

即使@Url.Action解析成功，还要确保：

• Home控制器里存在AddPatient方法，并且标记了[HttpPost]特性（如果你的AJAX是POST请求）；
• 项目的路由配置正确，比如Startup.cs里的默认路由包含controller和action参数：

  app.MapControllerRoute(
      name: "default",
      pattern: "{controller=Home}/{action=Index}/{id?}");
  

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