AJAX删除动作去错了方法

Question

我正在尝试通过AJAX 调用从数据库中删除一条记录，如下所示：

$.ajax({
    type: 'POST',
    url: '/api/Person/DeletePerson',
    data: { personId: personId },
    contentType: 'application/json',
    success: function (data) {
        if (data != null) {

        }
    },
    error: function (err, data) {
        alert("Error " + err.responseText);
    }
});

这是它应该输入的方法：

public void DeletePerson(int personId)
{
var t = 0; // i'm breaking the debugger right here, never gets hit.
}

但是反而一直输入这个方法：

public HttpResponseMessage PostPerson(dynamic person)
{
    HttpResponseMessage response;

    if (User.Identity.GetUserId() == null)
    {
        response = Request.CreateResponse(HttpStatusCode.Forbidden, "Please log in."); 
    }

    return response;
}

这两种方法都驻留在 WebApi Controller 中。

AJAX Type: delete 不受支持。如果我改用它，我会收到此消息：

The requested resource does not support http method 'delete'

我该如何完成这项工作？

编辑

public static void Register(HttpConfiguration config)
    {
        config.Routes.MapHttpRoute(
            name: "DefaultApi",
            routeTemplate: "api/{controller}/{id}",
            defaults: new { id = RouteParameter.Optional }
        );
    }

Answer 1

调用 Delete 方法（因为这是一个 rest 实现）使用 DELETE 动词调用 /api/Person/ URL。

$.ajax({
    type: 'DELETE',
    url: '/api/Person',
    data: { personId: personId },
    contentType: 'application/json',
    success: function (data) {
        if (data != null) {

        }
    },
    error: function (err, data) {
        alert("Error " + err.responseText);
    }
});

否则你需要更新动作以接受删除动词

[HttpDelete]
public void DeletePerson(int personId)
{
var t = 0; // i'm breaking the debugger right here, never gets hit.
}

如果您想让控制器从 JSON 有效负载而不是请求 URL 中查找 id，请改写如下。

public void DeletePerson([FromBody]int personId)
{
    var t = 0; // i'm breaking the debugger right here, never gets hit.
}