Send array of Objects to MVC Controller

Question

I try to send an array of json objects to server:

var objectData = [
    {  Description: "Bezeichnung", Value: "1", Name: "Betrag (Brutto)" },
    { Description: "Dies ist die erste Bezeicnung", Value: "101", Name: "11,90" },
    { Description: "Dies ist die zweite Bezeicnung", Value: "12", Name: "11,90" }
];

$.ajax({
    url: "/system/createinvoice",
    data: JSON.stringify({ pos: objectData }) ,
    dataType: 'json',
    type: 'POST',
});

C#

public class InvoicePos
{
    public string Description { get; set; }
    public Nullable<double> Value { get; set; }
    public string Name { get; set; } 
}

[POST("/system/createinvoice")]
public void newquestion2(InvoicePos[] pos)
{
   // pos is always null       
}

I see in your code that you expect pos to be an array. I am not too familiar with C#, but if it does not make any kind of conversion for you of the the json string (which you got over http), so it is still a string and you will need to convert it to an array yourself. — tikider
– tikider, Commented Sep 20, 2013 at 15:58

Justin Helgerson · Accepted Answer · 2013-09-20 15:46:05Z

6

The dataType property is saying what you expect back from the server. Try setting the contentType:

contentType: 'application/json'

answered Sep 20, 2013 at 15:46

Justin Helgerson

25.7k19 gold badges104 silver badges128 bronze badges

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

Comments

beautifulcoder · Accepted Answer · 2013-09-20 15:50:09Z

0

Try

data: JSON.stringify({ pos: @objectData })

Also, check what is being rendered in the View through the browser. The reason you are getting null is likely because JavaScript is not getting a proper value.

answered Sep 20, 2013 at 15:50

beautifulcoder

11.4k3 gold badges21 silver badges31 bronze badges

Comments

Mehrzad.H · Accepted Answer · 2016-10-16 04:43:21Z

0

function SendArrayOfObjects() { var things = [{ id: 1, color: 'red' }, { id: 2, color: 'blue' }, { id: 3, color: 'yellow' }];

          $.ajax({
            type: "POST",
            url: "<%= ResolveUrl("~/MyServices.aspx/GetData")%>",
              data: JSON.stringify({ objdata: things }),
            contentType: "application/json;charset=utf-8",
            dataType: "json",
            success: function()
            {
                $("#msg").html("data sent successfully!");
            },
            error: function()
            {

                $("#msg").html(" Can not send data!");
            }
        });


    }

answered Oct 16, 2016 at 4:43

Mehrzad.H

111 bronze badge

Collectives™ on Stack Overflow

Send array of Objects to MVC Controller

3 Answers 3

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related