AJAX JQuery MVC5 404 error

Question

Я очень новичок в MVC, и у меня есть вопрос о вызовах MVC/AJAX.

Я пытаюсь получить данные обратно из MVC контроллер, но он продолжает говорить, что 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) {} 
}); 

Ниже приведен код в контроллер ..

[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, но я не мог назвать этот метод MVC из JQuery AJAX.

Answer 1

Вы должны отправить идентификатор не как параметр, а как часть URL-адреса. Измените код следующим образом:

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

Answer 2

Ответ просто не использовать

JSON.stringify({ id: 1245 }) 

просто передать

data:{ id: 1245 } 

с

Также POST запрос работает после добавления [HttpPost] Атрибут для контроллера действий.

И MVC маршрутизации по умолчанию {контроллер}/{действие}/{идентификатор} в соответствии с вашим Аякса называют Маршрут http://localhost:6481/MDT/Detail?id=4935 и идентификатор берется в качестве строки запроса параметра, так для этого вам нужно использовать маршрут в http://localhost:6481/MDT/493.