jquery - AJAX Jquery MVC5 404错误

Question

我对 MVC 非常陌生，我有一个关于 MVC/AJAX 调用的问题。

我试图从 MVC Controller 取回数据，但它一直显示 404 错误

"NetworkError: 404 Not Found - http://localhost:6481/MDT/Detail?id=4935"

我的 Javascript 调用如下，我硬编码 id:1245 作为测试。我尝试切换 POST 和 GET，但仍然没有成功

 $.ajax({
    type: "GET",
    url: 'MDT/Detail',
    data: JSON.stringify({
        id: 1245
    }),
    contentType: "application/json",
    dataType: "JSON",
    success: function(data) {
        console.log(data);
    },
    fail: function(data) {}
 }); 

我在没有 JSON.stringify 的情况下尝试过，错误仍然是相同的(404)

$.ajax({
    type: "GET",
    url: 'MDT/Detail',
    data: {
        id: 1245
    },
    contentType: "application/json",
    dataType: "JSON",
    success: function(data) {
        console.log(data);
    },
    fail: function(data) {}
}); 

以下是 Controller 中的代码..

    [Route("MDT/Detail/{id}")]
    public JsonResult Detail(int? id)
    {
        ITS.Models.ComputerDetail cp = GetDataFromDatabase(id.Value);

        return Json(cp, JsonRequestBehavior.AllowGet);
    }

我已经检查了Firebug，参数传递正确如下:

我不知道自己做错了什么。您能帮我解决这个错误吗？

如果我使用 ( http://localhost:6481/MDT/Detail/1245 )，它工作正常并返回 JSON 对象，但我无法从 JQuery AJAX 调用此 MVC 方法。

Answer 1

您必须发送 id，而不是像 param 那样，而是像 url 的一部分一样。将您的代码更改为:

$.ajax({
    type: "GET",
    url: 'MDT/Detail/1245',
    contentType: "application/json",
    dataType: "JSON",
    success: function(data) {
        console.log(data);
    },
    fail: function(data) {}
});