How to pass a List of a class into model of ajax post call MVC?

Question

I have a model class like below:

public class clsUser
{
    public string FirstName{ get; set; }
    public String username { get; set; }
    public String password { get; set; }
    public List<ContactNumbers> Cnumbers{ get; set; }
}

Now i want to send ajax request with above model. i have tried to do same by using the following code:

  var dd =
   {

   "FirstName": "ABC",
   "username": "abc123",
   "password": "abc@123",
   "Cnumbers[0].Home":"0987654321",
   "Cnumbers[1].Company":"7654321"
   }

    var objInsertUser= JSON.stringify(dd);
    var URLValue = "http://localhost:47083/api/TestAPI/insertUser";
    $.ajax({
        type: "POST",
        url: URLValue,
        data: objInsertUser,
        contentType: "application/json",
        success: function (data) {
            alert(data);
        }

    });

But this always sending "Cnumbers" as null. i am not getting why..

If i am doing in wrong way could experts tell me the correct way..

thanks in advance.

Have you tried setting the ajax attribute dataType: 'json' ? — user2278120
– user2278120, Commented Apr 21, 2016 at 15:55
Your array will bind fine if you remove contentType: "application/json",and use data: dd (dont stringfy) — user3559349
– user3559349, Commented Apr 21, 2016 at 21:58

Satpal · Accepted Answer · 2016-04-21 15:55:08Z

3

You need to create proper JSON. You need to create an array for Cnumbers

var dd = {
    "FirstName": "ABC",
    "username": "abc123",
    "password": "abc@123",
    "Cnumbers": [{
        "Home": "0987654321"
    }, {
        "Company": "7654321"
    }]
}

answered Apr 21, 2016 at 15:55

Satpal

134k13 gold badges168 silver badges171 bronze badges

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

2 Comments

War Over a year ago

Add the stringify wrapper and inline the url around data: JSON.Stringify(objInsertUser), saves the extra lines.

Satpal Over a year ago

@wadry, Yes, you are correct but thats not the problem area thus ignored.

Community · Accepted Answer · 2017-05-23 10:33:56Z

0

The problem most likely lies in var objInsertUser= JSON.stringify(dd);. Your object is already JSON, so there's no need to stringfy it. data: dd, should be sufficient. When you Stringify already existing JSON you end up with default values for the parameters, and all non-primitives are null by default.

Also, as noted, your JSON is incorrect. Some people, when confronted with a problem, think "I know, I'll use JSON. Now you have two problems" XD. So, in summary: use correct JSON, and don't JSON.Stringify existing JSON.

edited May 23, 2017 at 10:33

CommunityBot

11 silver badge

answered Apr 21, 2016 at 15:55

User1000547

4,3219 gold badges44 silver badges68 bronze badges

1 Comment

Jamie Rees Over a year ago

This doesn't actually answer the question.

Collectives™ on Stack Overflow

How to pass a List of a class into model of ajax post call MVC?

2 Answers 2

2 Comments

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related