如何将字典从Java Script Angular客户端传递到MVC3服务器

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:

Answer 1

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

1. Create view model like below:

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

2. Then your controller will look like

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

3. 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.