Как получить JSON в качестве параметра метода действия MVC 5

К сожалению, у Dictionary есть проблемы с привязкой модели в MVC. Прочтите полную историю здесь. Вместо этого создайте настраиваемый связыватель модели, чтобы получить словарь в качестве параметра для действия контроллера.

Чтобы решить ваше требование, вот рабочее решение -

Сначала создайте свои ViewModels следующим образом. PersonModel может иметь список моделей RoleModel.

public class PersonModel
{
    public List<RoleModel> Roles { get; set; }
    public string Name { get; set; }
}

public class RoleModel
{
    public string RoleName { get; set;}
    public string Description { get; set;}
}

Затем выполните действие индекса, которое будет обслуживать базовое представление индекса -

public ActionResult Index()
{
    return View();
}

Индексный просмотр будет иметь следующую операцию JQuery AJAX POST -

<script src="~/Scripts/jquery-1.10.2.min.js"></script>
<script>
    $(function () {
        $('#click1').click(function (e) {

            var jsonObject = {
                "Name" : "Rami",
                "Roles": [{ "RoleName": "Admin", "Description" : "Admin Role"}, { "RoleName": "User", "Description" : "User Role"}]
            };

            $.ajax({
                url: "@Url.Action("AddUser")",
                type: "POST",
                data: JSON.stringify(jsonObject),
                contentType: "application/json; charset=utf-8",
                dataType: "json",
                error: function (response) {
                    alert(response.responseText);
            },
                success: function (response) {
                    alert(response);
                }
            });

        });
    });
</script>

<input type="button" value="click1" id="click1" />

Индексировать сообщения действия в действие AddUser -

[HttpPost]
public ActionResult AddUser(PersonModel model)
{
    if (model != null)
    {
        return Json("Success");
    }
    else
    {
        return Json("An Error Has occoured");
    }
}

Итак, теперь, когда публикация происходит, вы можете получить все опубликованные данные в параметре модели действия.

Обновление:

Для ядра asp.net, чтобы получить данные JSON в качестве параметра действия, вы должны добавить атрибут [FromBody] перед именем параметра в действии контроллера. Примечание. Если вы используете ASP.NET Core 2.1, вы также можете использовать атрибут [ApiController] для автоматического определения источника привязки [FromBody] для параметров вашего сложного метода действия. (Док. )

Здесь есть пара проблем. Во-первых, вам нужно убедиться, что ваш объект JSON обратно привязан к модели в контроллере. Это делается путем изменения

data: JSON.stringify(usersRoles),

to

data: { model: JSON.stringify(usersRoles) },

Во-вторых, вы неправильно связываете типы с вашим вызовом jquery. Если вы удалите

contentType: "application/json; charset=utf-8",

он будет привязан к строке.

Все вместе используйте первый метод ActionResult и следующий вызов jquery ajax:

    jQuery.ajax({
        type: "POST",
        url: "@Url.Action("AddUser")",
        dataType: "json",
        data: { model: JSON.stringify(usersRoles) },
        success: function (data) { alert(data); },
        failure: function (errMsg) {
        alert(errMsg);
        }
   });

Вы отправляете массив строк

var usersRoles = [];
jQuery("#dualSelectRoles2 option").each(function () {
    usersRoles.push(jQuery(this).val());
});   

Поэтому измените тип модели соответствующим образом

 public ActionResult AddUser(List<string> model)
 {
 }

fwiw, это не сработало для меня, пока я не получил это в вызове ajax:

contentType: "application/json; charset=utf-8",

с использованием Asp.Net MVC 4.