Jquery post to Action with Dictionary Parameter

Question

I am feeling dejavu, but I cannot find the answer to this: I have an array of objects that needs to look like this when inspecting a jQ $.post call:

limiter[0].Key
limiter[0].Value

so that it is mapped in the action

public ActionResult SomeAction(Dictionary<Guid, string> dictionary) { }

However, this javascript:

// Some Guid and Some Value
var param = [ { 'Key' : '00000000-0000-00000-000000', 'Value': 'someValue' } ];

$.post('/SomeController/SomeAction/',
       {
       dictionary: limiter,
       otherPostData: data
       },
       function(data) {
          callback(data);
       }
)

produces this when inspecting it in firebug:

limiter[0][Key] = someKey // Guid Value
limiter[0][Value] = someValue

This is in jq 1.4.2. I seem to remember some flag you need to set to render json a different way in jQ. Does this ring any bells?

score 9 · Accepted Answer · answered Aug 08 '11 at 16:01

9

Try like this:

var param = {
    '[0].Key': '28fff84a-76ad-4bf6-bc6d-aea4a30869b1', 
    '[0].Value': 'someValue 1',

    '[1].Key': 'd29fdac3-5879-439d-80a8-10fe4bb97b18', 
    '[1].Value': 'someValue 2',

    'otherPostData': 'some other data'
};

$.ajax({
    url: '/Home/SomeAction/',
    type: 'POST',
    data: param,
    success: function (data) {
        alert(data);
    }
});

should map to the following controller action:

public ActionResult SomeAction(Dictionary<Guid, string> dictionary, string otherPostData) 
{ 
    ...
}

answered Aug 08 '11 at 16:01

Darin Dimitrov

1,023,142
271
3,287
2,928

you forgot the parameter name, should be dictionary[0].key but this worked for me. I am still confused why the other way does not, but thanks for a helpful work around. – Bill Bonar Aug 08 '11 at 18:22
Thanks! works great. Can loop through it too if you don't know ahead of time how many entries there are - `param['[' + count + '].Key'] = loopObj.GUID;` `param['[' + (count++) + '].Value'] = loopObj.Value;` – Nieminen Apr 12 '18 at 21:57

score 5 · Answer 2 · answered Mar 27 '17 at 21:03

var dict = {}
dict["key1"] = 1
dict["key2"] = 2
dict["key3"] = 3

$.ajax({
        type: "POST",
        url: "/File/Import",
        data: dict,
        dataType: "json"
});

public void Import(Dictionary<string, int?> dict)
{
}

just send your obj as dataType: "json"

score 1 · Answer 3 · edited May 23 '17 at 12:17

1

You can use this flag -

jQuery.ajaxSetting.traditional = true;

To get jQuery to post the data in a different format to the one you are seeing. See this question for further info -

Passing arrays in ajax call using jQuery 1.4

edited May 23 '17 at 12:17

Community

1
1

answered Aug 08 '11 at 15:44

ipr101

24,096
8
59
61

unfortunately the `traditional flag` does not help. when used it post `[Object: Object]` when viewed in firebug – Bill Bonar Aug 08 '11 at 15:49

score 0 · Answer 4 · answered May 12 '13 at 21:11

0

You can also use a list of objects and the result will be the same as what you wanted. This is a nice example.

http://www.mikesdotnetting.com/Article/96/Handling-JSON-Arrays-returned-from-ASP.NET-Web-Services-with-jQuery

answered May 12 '13 at 21:11

RealityDysfunction

2,609
3
26
53

score 0 · Answer 5 · answered Aug 08 '11 at 15:48

0

You will see the post param as limiter[0][Key] because jquery serializes the json data before it posts it. This is very well interpreted by the controller action and you get the required input in the action.

answered Aug 08 '11 at 15:48

ShankarSangoli

69,612
13
93
124

i am posting this because it is not being mapped, but i will update my code for more completeness to see if any one can help – Bill Bonar Aug 08 '11 at 15:57

Jquery post to Action with Dictionary Parameter

5 Answers5