ajax posting с частичного представления на контроллер 0:

Question

У меня есть эта непонятная и довольно глупая проблема.

У меня есть слабо типизированный частичный вид в моем приложении MVC4. На этом у меня есть кнопка

<input type="button" class="btn btn-primary btn-lg" value="Find" id="fej-find" /> 

Я посылаю АЯКС вызова JQuery из моего контроллера к нему, как этот

//searchedJob.Num = $("#fej-JobNumber").val(); 
//var DTO = { searchedJob: searchedJob }; 
var DTO = { searchedJobNumber: $("#fej-JobNumber").val() }; 
$.ajax({ 
    data: JSON.stringify(DTO), 
    type: 'POST', 
    url: '@Url.Action("SearchJobs", "Jobs")', 
    success: function (msg) { 
     return alert(msg); 
    } 
}); 

Firebug показывает мне это

Но когда я отладки , мой контроллер показывает это.

Что-то очень неправильно с моим кодом. Что это может быть?

Answer 1

Вам не нужно JSON.stringify ничего. Просто передать значение в параметре data с тем же ключом, как ваше имя параметра действия (searchedNumber):

$.ajax({ 
    url: '@Url.Action("SearchJobs", "Jobs")', 
    type: 'POST', 
    data: { searchedNumber: $("#fej-JobNumber").val() }, 
    success: function (msg) { 
     alert(msg); 
    } 
}); 

Также обратите внимание, что вы не должны возвращаться любое значение из success обратного вызова.

Вы можете использовать JSON, если хотите отправить на сервер большие и более сложные полезные нагрузки, например, целые модели. Например, давайте предположим, что у вас есть следующий вид модели:

public class MyViewModel 
{ 
    public int Id { get; set; } 
    public string Name { get; set; } 
    public IEnumerable<string> Tags { get; set; } 
} 

который ваше действие контроллер принимает в качестве параметра:

[HttpPost] 
public ActionResult SomeAction(MyViewModel model) 
{ 
    ... 
} 

Теперь вы можете отправить его в формате JSON от клиента:

var model = { 
    id: 5, 
    name: $('#some_input_field').val(), 
    tags: [ "tag1", "tag2", "tag3" ] 
}; 
$.ajax({ 
    url: '@Url.Action("SomeController", "SomeAction")', 
    data: JSON.stringify(model), 
    contentType: 'application/json', 
    success: function(result) { 
     alert(result); 
    } 
}); 

Обратите внимание, что в этом случае вам необходимо установить правильный заголовок запроса Content-Type на application/json, чтобы стандартное связующее устройство на сервере могло автоматически инициализировать полезную нагрузку тела запроса к соответствующей модели представления.