Ajax.ActionLink POST 在 ASP.NET MVC 5 中不起作用

Ajax

处理在 ASP.NET MVC 5 中 POST 请求不起作用的问题

在ASP.NET MVC 5中，使用Ajax进行POST请求时，有时可能会遇到不起作用的情况。这可能导致一系列问题，包括数据无法正确提交或视图无法正常更新。在本文中，我们将探讨可能导致这种情况的原因，并提供解决方案。

问题的可能原因

1. 未正确引用 jQuery 库：

在使用Ajax进行POST请求时，确保正确引用了jQuery库。如果缺少jQuery，将无法正确执行Ajax请求。在你的视图文件中，添加以下引用：

html
   <script src="https://code.jquery.com/jquery-3.6.4.min.JS"></script>
   

2. 未正确设置POST请求类型：

确保你的Ajax请求设置了正确的请求类型。在使用Ajax.ActionLink时，要确保httpMethod参数设置为"POST"。例如：

csharp
   @Ajax.ActionLink("Submit", "ActionName", new AjaxOptions { HttpMethod = "POST", UpdateTargetId = "targetDiv" })
   

3. 阻止默认表单提交：

如果你的页面中有表单，而且你希望通过Ajax进行提交，确保阻止默认的表单提交行为。你可以使用JavaScript代码：

Javascript
   $('form').submit(function (e) {
       e.preventDefault();
       // 进行Ajax请求
   });
   

解决方案

在解决这个问题之前，确保先检查上述可能的原因。如果仍然无法解决，可以尝试以下解决方案：

1. 使用 $.Ajax 方法代替 Ajax.ActionLink：

csharp
   Javascript:void(0);" id="submitLink">Submit</a>
   <script>
       $(document).ready(function () {
           $('#submitLink').click(function () {
               $.Ajax({
                   url: '@Url.Action("ActionName")',
                   type: 'POST',
                   data: { /* your data */ },
                   success: function (result) {
                       // 处理成功的回调
                   },
                   error: function () {
                       // 处理错误的回调
                   }
               });
           });
       });
   </script>
   

2. 添加AntiForgeryToken：

在POST请求中，确保包含AntiForgeryToken，以防止跨站请求伪造（CSRF）攻击。

csharp
   @using (Ajax.BeginForm("ActionName", "ControllerName", new AjaxOptions { HttpMethod = "POST", UpdateTargetId = "targetDiv" }))
   {
       @Html.AntiForgeryToken()
       <!-- Your form fields go here -->
       <input type="submit" value="Submit" />
   }
   

通过检查jQuery库的引用、设置正确的请求类型、阻止默认表单提交行为，并考虑使用$.Ajax方法代替Ajax.ActionLink，以及添加AntiForgeryToken，你应该能够解决在ASP.NET MVC 5中POST请求不起作用的问题。在集成Ajax时，细心排除潜在问题将有助于确保应用程序的顺利运行。