Passing Multiple Parameters to ASP.NET Web API With jQuery

Question

POST form variables to simple parameters of a Web API method in ASP.NET MVC 4 Web API

$.ajax({
    url: 'api/products',
    type: 'POST',
    data: { Id: 2012, Name: 'test', Category: 'My Category', Price: 99.5 },
    dataType: 'json',
    success: function (data) {
        alert(data);
    }
});

but its not working how to do this?

I do exactly what you've used above, but use .ashx files to handle calls and use Context.Request.Form[] to get the post data. It has the advantage that ashx files are nice and fast. — Reinstate Monica Cellio
– Reinstate Monica Cellio, Commented Nov 15, 2012 at 12:48
@Archer i have used the answer below ... is that answer worthy to use ? — user1826633
– user1826633, Commented Nov 15, 2012 at 13:24
If it works for you then yes. I tried various methods of handling .Net calls from Javascript and ended up doing the above. I was just letting you know about it as I find it simple, albeit a bit "old school". — Reinstate Monica Cellio
– Reinstate Monica Cellio, Commented Nov 15, 2012 at 13:28

Durgesh Chaudhary · Accepted Answer · 2014-02-23 19:00:16Z

1

Use below code it will work. Only change I have made is in data parameter where I am doing JSON.stringify(), faced with same issue quite a few months back. Basically it expects a string which can be parsed to JSON.

$.ajax({
    url: 'api/products',
    type: 'POST',
    data: JSON.stringify({ Id: 2012, Name: 'test', Category: 'My Category', Price: 99.5 }),
    dataType: 'json',
    success: function (data) {
        alert(data);
    }
});

answered Feb 23, 2014 at 19:00

Durgesh Chaudhary

1,0772 gold badges12 silver badges32 bronze badges

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

Collectives™ on Stack Overflow

Passing Multiple Parameters to ASP.NET Web API With jQuery

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related