How to pass a dictionary from Java Script Angular client to MVC3 server

Question

Trying to pass a dictionary from JS to MVC with no success. The data (reportIdAndStatus in mvc controller) is null.

I'm using angular $resource and MVC 3. Thanks.

Angular Controller:

var reportStatusdictionary = {};
//build a dictionary
            for (var x = 0; x < reports.length; x++) {
                reportStatusdictionary[reports[x].Id] = reports[x].StatusId
            }

reportsService.getReportStatusComment({ reportStatusdictionary: reportStatusdictionary }

Angular Resource Definition:

 getReportStatusComment:
        {
            method: 'GET',
            params: { reportIdAndStatus: '@reportIdAndStatus', command: 'GetReportStatusComment' },
            isArray: false
        }

MCV Controller:

    [HttpGet]
    public string GetReportStatusComment(Dictionary<Guid, int> reportIdAndStatus)

Request In Browser:

enter image description here

Try to send dictionary from server to client and capture the format and try to send the same. — Chandermani
– Chandermani, Commented May 21, 2014 at 12:59
See the image I attached in the question (under "Request In Browser") — MichaelLo
– MichaelLo, Commented May 21, 2014 at 14:44

Community · Accepted Answer · 2017-05-23 10:26:18Z

0

Instead of dictionary,I'd recommend creating a view model for simplicity and ease of debugging purposes. You can do as below:

Create view model like below:

   public class ReportViewModel
   {
       public Guid Id{get;set;}
       public int StatusId{get;set;} 
   }

Then your controller will look like

[HttpGet]
public string GetReportStatusComment(IEnumerable<ReportViewModel> reportViewModel)

Then your get url will be

http://localhost:53854/report/getreportstatuscomment?[0].id=guidValue1&[0].StatusId=1&[1].id=guidValue2&[1].StatusId=2

You can easilty construct the url structure like this in your JavaScript Code. You can read more on model binding at @Darin Dimitrov's answer, Phil Haack's blog post and MSDN magazine article.

Update

If you don't want to build that url structure then you can send JSON to server.

edited May 23, 2017 at 10:26

CommunityBot

11 silver badge

answered May 23, 2014 at 17:59

Yogiraj

1,98217 silver badges29 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

MichaelLo Over a year ago

Thanks but personally I tend to always use primitives \ built-in types when possible thus a view model option is an overhead for me. Regarding the MSDN article, it explains the how to build a costume value provider, which is again an overhead for the problem I presented. I predict the solution to be very simple, since I'm trying to do a very simple operation.

Collectives™ on Stack Overflow

How to pass a dictionary from Java Script Angular client to MVC3 server

1 Answer 1

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related