Как передать словарь в качестве параметра методу ActionResult из jQuery / Ajax?

Наконец-то разобрался !! Всем спасибо за предложения! Я наконец понял, что лучшее решение - передать JSON через Http Post и использовать настраиваемый ModelBinder для преобразования JSON в словарь. Одна вещь, которую я сделал в своем решении, - это объект JsonDictionary, который наследуется от Dictionary, чтобы я мог прикрепить настраиваемый ModelBinder к типу JsonDictionary, и это не вызовет никаких конфликтов в будущем, если я позже использую Dictionary в качестве параметра ActionResult для другое назначение, чем JSON.

Вот последний метод ActionResult:

public ActionResult AddItems([Bind(Include="values")] JsonDictionary values)
{
    // do something
}

И вызов jQuery "$ .post":

$.post("/Controller/AddItems",
{
    values: Sys.Serialization.JavaScriptSerializer.serialize(
            {
                id: 200,
                "name": "Chris"
            }
        )
},
function(data) { },
"json");

Затем необходимо зарегистрировать JsonDictionaryModelBinder, я добавил это в метод Application_Start в Global.asax.cs:

protected void Application_Start()
{
    ModelBinders.Binders.Add(typeof(JsonDictionary), new JsonDictionaryModelBinder());
}

И, наконец, вот созданные мной объект JsonDictionaryModelBinder и объект JsonDictionary:

public class JsonDictionary : Dictionary<string, object>
{
    public JsonDictionary() { }

    public void Add(JsonDictionary jsonDictionary)
    {
        if (jsonDictionary != null)
        {
            foreach (var k in jsonDictionary.Keys)
            {
                this.Add(k, jsonDictionary[k]);
            }
        }
    }
}

public class JsonDictionaryModelBinder : IModelBinder
{
    #region IModelBinder Members

    public object BindModel(ControllerContext controllerContext, ModelBindingContext bindingContext)
    {
        if (bindingContext.Model == null) { bindingContext.Model = new JsonDictionary(); }
        var model = bindingContext.Model as JsonDictionary;

        if (bindingContext.ModelType == typeof(JsonDictionary))
        {
            // Deserialize each form/querystring item specified in the "includeProperties"
            // parameter that was passed to the "UpdateModel" method call

            // Check/Add Form Collection
            this.addRequestValues(
                model,
                controllerContext.RequestContext.HttpContext.Request.Form,
                controllerContext, bindingContext);

            // Check/Add QueryString Collection
            this.addRequestValues(
                model,
                controllerContext.RequestContext.HttpContext.Request.QueryString,
                controllerContext, bindingContext);
        }

        return model;
    }

    #endregion

    private void addRequestValues(JsonDictionary model, NameValueCollection nameValueCollection, ControllerContext controllerContext, ModelBindingContext bindingContext)
    {
        foreach (string key in nameValueCollection.Keys)
        {
            if (bindingContext.PropertyFilter(key))
            {
                var jsonText = nameValueCollection[key];
                var newModel = deserializeJson(jsonText);
                // Add the new JSON key/value pairs to the Model
                model.Add(newModel);
            }
        }
    }

    private JsonDictionary deserializeJson(string json)
    {
        // Must Reference "System.Web.Extensions" in order to use the JavaScriptSerializer
        var serializer = new System.Web.Script.Serialization.JavaScriptSerializer();
        return serializer.Deserialize<JsonDictionary>(json);
    }
}

Это то, что я пробовал. Экономит много работы. Javascript:

  var dict = {};       
        dict["id"] = "200";
        dict["FirstName"] = "Chris";
        dict["DynamicItem1"] = "Some Value";
        dict["DynamicItem2"] = "Some Other Value";

        var theObject = {};
        theObject.dict = dict;
        $.post(URL, theObject, function (data, textStatus, XMLHttpRequest) {
            console.log("success");
        }, "json");

Метод действия:

public ActionResult MethodName(DictionaryModel obj)
    {
       //Action method logic
    }

public class DictionaryModel
{
    public Dictionary<string, string> dict { get; set; }

}

Это возможно с настраиваемыми подшивками моделей или фильтрами. За кулисами - вам все равно придется делать это вручную (Request.Form, синтаксический анализ строк, создание словаря тралала), но, по крайней мере, ваш контроллер будет чистым, и код можно будет повторно использовать для других действий.

Я не думаю, что можно передать Dictionary из jQuery / Ajax в метод ActionResult через Http Post. Одна вещь, которую я понял, кажется, наиболее простой для работы, - это передать объект JSON, а затем проанализировать его в Dictionary.

Вот модифицированная версия вышеупомянутого вызова "$ .post" из jQuery, который отправляет JSON как псевдо-словарь:

$.post("/Controller/AddItems",
    {
        values: Sys.Serialization.JavaScriptSerializer.serialize(
                {
                    id: 200,
                    "name": "Chris"
                }
            )
    },
    function(data) { },
    "json");

Функция «Sys.Serialization.JavaScriptSerializer.serialize» - это метод библиотеки JavaScript ASP.NET AJAX.

Вот модифицированная версия вышеупомянутого метода ActionResult:

public ActionResult AddItems(Dictionary<string, object> values)
{
    // Must Reference "System.Web.Extensions" in order to use the JavaScriptSerializer
    var json = new System.Web.Script.Serialization.JavaScriptSerializer();
    var data = json.Deserialize<Dictionary<string, string>>(routeValues);

    // do something
}

Я думаю, что это значительно упрощает модульный тест, передавая JSON вместо использования коллекции форм для отправки / получения коллекции пар ключ / значение. Кроме того, легче приступить к работе, чем выяснять, как создать собственный IModelBinder, а пользовательский IModelBinder может вызвать проблемы с другими методами ActionResult, если это единственный, который мне нужно сделать.

DefaultModelBinder может привязать ваш POST к массиву или словарю. Например:

для массивов:

public ActionResult AddItems(string[] values)

$.post("/Controller/AddItems", { values: "values[0]=200&values[1]=300" },
    function(data) { }, "json");

or:

$.post("/Controller/AddItems", { values: "values=200&values=300" },
    function(data) { }, "json");

для словарей:

public ActionResult AddItems(Dictionary<string, object> values)

$.post("/Controller/AddItems", {
    values: "values[0].Key=value0&values[0].Value=200&values[1].Key=value1&values[1].Value=300" }, function(data) { }, "json");

ОБНОВЛЕНО:

Если ваши значения находятся во входных данных HTML, тогда в jQuery вы можете сделать что-то вроде этого:

var postData = $('input#id1, input#id2, ..., input#idN").serialize();
// or
var postData = $('input.classOfYourInputs").serialize();

$.post("/Controller/AddItems", { values: postData }, function(data) { }, "json");

ОБНОВЛЕНО:

Также проверьте это: ComputerZen.com Скотта Хансельмана, формат проводов ASP.NET для привязки моделей к массивам , Сборники, Словари

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

@ eu-ge-ne: "DefaultModelBinder может привязать ваш POST к массиву или словарю." Верно, но, по крайней мере, для словарей я нахожу требуемую форму записи довольно нелогичной.

@Chris: Вчера у меня была точно такая же проблема при попытке опубликовать словарь JavaScript (JSON) в методе действия контроллера. Я разработал совершенно другой связыватель пользовательских моделей, который обрабатывает общие словари с разными аргументами типа. Я тестировал его только в MVC 3 и, вероятно, имел преимущество улучшенной структуры.

Подробнее о моем опыте и исходном коде привязки пользовательской модели см. В моем сообщении в блоге по адресу http://buildingwebapps.blogspot.com/2012/01/passing-javascript-json-dictionary-to.html