Web API sending an object to the Controller via Java Script

Question

I'm using Angular/C# Web API.

In my JavaScript service I have the following.

invoicesForCustomer = $http.get('/api/Customer/GetInvoicesForCustomer',
{params:element} );

In the Web API Controller

[HttpGet]
public InvoiceListModel GetInvoicesForCustomer(InvoiceListOptionsModel element)

but this element object is always null. I tried this for a single parameter and it worked. Any help on sending an object via querystring to Web API controller..

harishr · Accepted Answer · 2015-09-08 04:06:01Z

1

from your api definition it seems you need it as data and not as a query params

$http({
    url: "/api/Customer/GetInvoicesForCustomer", 
    method: "GET",
    data: {'element': element}
 });

answered Sep 8, 2015 at 4:06

harishr

18.1k9 gold badges84 silver badges131 bronze badges

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

Comments

rahul vattekadath · Accepted Answer · 2015-09-14 11:50:57Z

0

Hi Try changing [HttpGet] to [HttpPost]. Also your

$http({
    url: "/api/Customer/GetInvoicesForCustomer", 
    method: "GET", ---> This should be post too
    data: {'element': element}
 });

answered Sep 14, 2015 at 11:50

rahul vattekadath

815 bronze badges

Comments

maddygoround · Accepted Answer · 2015-09-08 03:38:34Z

0

Change

invoicesForCustomer = $http.get('/api/Customer/GetInvoicesForCustomer', {params:element} );

to

invoicesForCustomer = $http.get('/api/Customer/GetInvoicesForCustomer', {"element":element} );

Update : Please try following way to call API

$http({
    url: "/api/Customer/GetInvoicesForCustomer", 
    method: "GET",
    params: {element: element}
 });

edited Sep 8, 2015 at 3:38

answered Sep 8, 2015 at 3:07

maddygoround

2,3102 gold badges21 silver badges33 bronze badges

3 Comments

maddygoround Over a year ago

what error you get in console..?and there are multiple ways to call this get.pleas see the updated answer

PAVITRA Over a year ago

Updated code threw an exception in console and it didn't come to the controller. "GET localhost:8080/KtvCustomer/api/Customer/……owAll%22:false%7D,%22SearchString%22:null,%22SortOn%22:4,%22SortBy%22:1%7D 404 (Not Found)" But previous came to the controller with element as null.

maddygoround Over a year ago

it might be because i forget to add "/" infront of "api/custo.."

Collectives™ on Stack Overflow

Web API sending an object to the Controller via Java Script

3 Answers 3

Comments

Comments

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related