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, Apr 21 '16 at 15:55
Your array will bind fine if you remove `contentType: "application/json",`and use `data: dd` (dont stringfy) — , Apr 21 '16 at 21:58

score 3 · Accepted Answer · answered Apr 21 '16 at 15:55

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 '16 at 15:55

Satpal

132,252
13
159
168

Add the stringify wrapper and inline the url around data: JSON.Stringify(objInsertUser), saves the extra lines. – War Apr 21 '16 at 15:58
@wadry, Yes, you are correct but thats not the problem area thus ignored. – Satpal Apr 21 '16 at 16:01

score 0 · Answer 2 · edited May 23 '17 at 10:33

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 '17 at 10:33

Community

1
1

answered Apr 21 '16 at 15:55

Mike G

4,232
9
40
66

This doesn't actually answer the question. – Jamie Rees Apr 21 '16 at 15:57

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

2 Answers2

Linked