C# MVC send obect via JQuery AJAX

Question

despite I dug into stackoverflow and a lot of documentation, I am stuck on that: I am not able to send an object via jquery ajax to a c# mvc application. Always the values of attributes of the order I return in the controller seems empty.

Thanks for any help!

JAVASCRIPT

function Order()
{
    this.Partner;
    this.OrderID;
    this.TypeOfOrder;
    this.SubmittedBy;
    this.CompanyID;
    this.CompanyName;
}

jQuery('button[type="submit"]').click(function (event) {
    event.preventDefault();

    var order = new Order();
    order.Partner = "ABC",
    order.OrderID = "123";
    order.TypeOfOrder = "Website";

    console.log(order);

    jQuery.ajax({
        url: "/my-route",
        type: "POST",
        dataType: 'json',
        contentType: "application/json",
        data: order,
        success: function (data) {
            console.log(data);
        },
        failure: function (response) {
            console.log("ERROR!");
        }
    });
})

C# Model

public class Order
{
    public string Partner { get; set; }
    public string OrderID { get; set; }
    public string TypeOfOrder { get; set; }
    public string SubmittedBy { get; set; }
    public string CompanyID { get; set; }
    public string CompanyName { get; set; }
}

C# Controller

// POST my-route
[HttpPost]
public Order Post(Order order)
{
    return order;
}

CONSOLE

You need to remove contentType: "application/json", (either that or you need to use data: JSON.stringify(order),) — user3559349
– user3559349, Commented May 31, 2018 at 8:51

LetMeSleepAlready · Accepted Answer · 2018-05-30 20:21:29Z

1

You need to change your method signature to include [FromBody]

so: public Order Post([FromBody]Order order)

answered May 30, 2018 at 20:21

LetMeSleepAlready

1581 gold badge2 silver badges11 bronze badges

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

1 Comment

friday-json Over a year ago

Nope, I tried [FromBody] and the result from controller is undefined. I tried also [FromForm] and the result is an object with empty attributes.

Shahid Malik · Accepted Answer · 2018-10-30 07:02:38Z

0

Just remove content type in ajax call. It will look like this.

jQuery.ajax({
    url: "/my-route",
    type: "POST",
    dataType: 'json',
    data: order,
    success: function (data) {
        console.log(data);
    },
    failure: function (response) {
        console.log("ERROR!");
    }
});

ajax will default set content type.

answered Oct 30, 2018 at 7:02

Shahid Malik

17115 bronze badges

Comments

Bhavin Mec · Accepted Answer · 2019-03-01 03:21:24Z

0

Just remove dataType and contentType from code as given below function.
Url should be "/ControllerName/MethodName" i have checked it in my system with controller name and its working fine.

jQuery.ajax({ url: "/controllerName/methodName", type: "POST", data: order, success: function (data) { console.log(data); }, failure: function (response) { console.log("ERROR!"); } });

answered Mar 1, 2019 at 3:21

Bhavin Mec

11 bronze badge

Collectives™ on Stack Overflow

C# MVC send obect via JQuery AJAX

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related