Ajax.ActionLink 不调用控制器操作

Question

我正在显示文件列表并允许用户从列表中删除。删除按钮对控制器进行 ajax 调用以运行“删除”操作。但是，删除操作永远不会被调用。我收到 AjaxOptions 中定义的确认警报。无论如何，我使用 WebForms 引擎完成了这项工作，然后将其移至 Razor。另外，这是我第一次使用 Areas。如果我直接调用删除操作，它就会起作用。这是路由问题吗？

这是后面的代码

  public EmptyResult Delete(string fileName)
    {
        if (fileName.IsNullOrEmpty()) return null;
        var model = new Models.BenefitBookletModel();
        model.DeleteBooklet(fileName);
        return null;
    }

这是标记

    @Ajax.ActionLink("test", "Delete", new { fileName = item.FileName }, new AjaxOptions
                                                                                 {
Confirm = "Are you sure you want to delete " + item.FileName + "?",
OnComplete = "function(){deleteComplete('" + item.jsReferenceableFileName + "')}",
HttpMethod = "DELETE",
OnFailure = "function(){alert('Could not delete file');}"
              }, new { @class = "DeleteButton" }
                                                                             )

这是我的 RegisterRoutes

        routes.IgnoreRoute("{resource}.axd/{*pathInfo}");
        routes.MapRoute("SubscriberAll","subscriber/{id}",new { controller = "Subscriber", action = "ShowAll" },new { id = @"\d+" } );
        routes.MapRoute("Default", "{controller}/{action}/{id}", new { controller = "Home", action = "Index", id = UrlParameter.Optional });

来自区域注册的路线

context.MapRoute("Marketing_default","Marketing/{controller}/{action}/{id}",new { action = "Index", id = UrlParameter.Optional }

这是生成的标记

<a href="/Marketing/BenefitBooklet/Delete?fileName=MyFileName.pdf" data-ajax-method="GET" data-ajax-failure="function(){alert('Could not delete file');}" data-ajax-confirm="Are you sure you want to delete MyFileName.pdf?" data-ajax-complete="function(){deleteComplete('MyFileName.pdf')}" data-ajax="true" class="DeleteButton"> </a>

Answer 1

您应该将函数名称指定为相应 AjaxOptions 属性的值。添加 script 部分：

<script type="text/javascript">
    function OnFailure(request, error) {
        alert('Could not delete file');
    }
    function OnComplete(request, error) {
        alert('Delete complete');
    }
</script>

在您的视图中并更改“AjaxOptions”中的 OnFailure 和 OnComplete：

OnFailure = "OnFailure"
OnComplete= "OnComplete"

Answer 2

您将操作链接的 HttpMethod 定义为 DELETE，但您的方法可能只接受 GET。尝试用删除动作动词来修饰它。

[HttpDelete]
public EmptyResult Delete(string fileName)