current community

your communities

more stack exchange communities

company blog
Stack Exchange Inbox Reputation and Badges
tour help
Join the Stack Overflow Community
Stack Overflow is a community of 6.4 million programmers, just like you, helping each other.
Join them; it only takes a minute:
Sign up
up vote 1 down vote favorite

I have a javascript object like: 

var data={
 Manager:name,
 ID:id,
 EmployeeNames:arrayEmployees
};

As you can see, name and id are simple strings but EmployeeNames is an array object. I have the ajax call like this:

 $.ajax({
      type: "POST",
      url: "GetManagerEmployees",
      content: "application/json;",
      dataType: "json",
      data: data,
      success: 
      error: 
});

In the controller I have a method GetManagerEmployees(Data data) with parameter of type Data which contains all the properties:

public class Data
{
    public string Manager { get; set; }
    public int id { get; set; }
    public List<string> EmployeeNames { get; set; }

I'm getting data.EmployeeNames as null in my controller, what am I doing wrong here? Can you please help me on this?

share|improve this question
    
Show what is your arrayEmployees variable – suvroc Dec 7 '15 at 10:27
1  
Check stackoverflow.com/a/5489518/4772988 also – suvroc Dec 7 '15 at 10:28
    
Show your controller – Imad Dec 7 '15 at 10:30
    
@suvroc var arrayEmployees= new Array(); arrayEmployees.push("Name1"); – user3202524 Dec 7 '15 at 10:48
    
Have you tried to change List<string> to a string array? (string[]). If it is just strings you don't need the overload of a List. – jpgrassi Dec 7 '15 at 10:50
up vote 0 down vote accepted

Just created a project with this structure and It's working:

Note that traditional:true on the jquery ajax call:

As of jQuery 1.4, the $.param() method serializes deep objects recursively to accommodate modern scripting languages and frameworks such as PHP and Ruby on Rails. You can disable this functionality globally by setting jQuery.ajaxSettings.traditional = true;.

Source: jQuery.param() Docs

Also, you don't need a List for that. Just use a simple string array in your model.

Javascript

$("#myBtn").click(function () {

                var arrayEmployees = new Array();

                arrayEmployees.push("Name1");

                var data = {
                    "Manager": 'John',
                    "id": 1,
                    "EmployeeNames": arrayEmployees
                };

                $.ajax({
                    type: "POST",
                    traditional:true,
                    url: "PostManager",
                    content: "application/json;",
                    dataType: "json",
                    data: data,
                    success: function () {
                    }
                });
            });

Controller/Model

[HttpPost]
public void PostManager(Data  data)
{

}

public class Data
{
    public string Manager { get; set; }
    public int id { get; set; }
    public string[] EmployeeNames { get; set; }
}
share|improve this answer
    
If I add traditional:true then it does not call the controller, im using jquery-1.8 version, do I need to add any other version of jquery script? – user3202524 Dec 7 '15 at 11:45
    
$.param(arrayEmployees) is returning undefined elements in the array – user3202524 Dec 7 '15 at 11:53
    
Just created a fresh MVC project, using jquery-1.10.2. Do you see any errors in the console? Make sure you have your url correct. – jpgrassi Dec 7 '15 at 12:02

Your Answer

 
discard

By posting your answer, you agree to the privacy policy and terms of service.

Not the answer you're looking for? Browse other questions tagged or ask your own question.