Ajax调用返回内部500错误

Question

嗨，我正在尝试执行对服务器的Ajax调用，但我似乎没有运气，我一直在控制台上返回错误500 Internal server error。这是我的Ajax调用：

    $("body").on("click", "#ok", function (e) {
    var id = $(this).attr("data-bookid");
    $.ajax({
        url: "/ProductEditor/DeleteBook",
        type:"POST",
        data: { bookId: parseInt(id) },
        success: function (data) {
            console.log(data);
        },
        error: function (data) {
            console.log(data);
        }
    });
    e.preventDefault();
})

这是我要调用的C＃代码：

public ActionResult DeleteBook(int bookId)
{
   bookRepository.DeleteBook(bookId);
   return RedirectToAction("Books", "ProductManager");
}

在尝试调试时，我注意到甚至没有调用DeleteBook方法。

我究竟做错了什么？

编辑我添加了[HttpPost]属性，但仍然无法正常工作

Answer 1

没有更多信息，很难告诉您您做错了什么。

但是，jQuery ajax函数的error函数回调具有三个参数：

（jqXHR，textStatus，errorThrown）

$.ajax({
    url: "/ProductEditor/DeleteBook",
    type:"POST",
    data: { bookId: parseInt(id) },
    success: function (data) {
        console.log(data);
    },
    error: function (jqXHR, textStatus, errorThrown) {
        console.log(errorThrown);
    }
});

第三个参数errorThrown将具有对/ProductEditor/DeleteBook的调用的HTTP响应文本。 我建议查看一下errorThrown显示的内容，以及可能在调试模式下运行整个程序。

也许var id = $(this).attr("data-bookid"); 是不正确的，并且id的值被设置为undefined ？

另外，您可以使用IE或Chrome中的F12开发工具中的“网络”选项卡，Firefox中的Firebug或Fiddler来调试ajax调用。 您可以查看正在发送到服务器的ajax请求以及来自服务器的响应，以查看是否以正确的格式（JSON）发送了正确的数据（ bookId ）以及来自服务器的响应是什么

Answer 2

将HttpPost添加到您的方法并尝试

[HttpPost]
public ActionResult DeleteBook(int bookId)
{
   bookRepository.DeleteBook(bookId);
   return RedirectToAction("Books", "ProductManager");
}

Answer 3

您的WebMethod必须是静态的

[WebMethod(true)]
public static ActionResult DeleteBook(int bookId) 
{    
     bookRepository.DeleteBook(bookId);    
     return RedirectToAction("Books", "ProductManager"); 
}