How to pass list of object to jQuery ajax get

Question

I'm using mvc5 web API. I'm trying pass multiple parameters to web API web method. I need filter result using these parameters. My code: JavaScript:

var options = {
 url: '/api/normdata/getdata',
 type: 'GET',
 dataType: 'json',
 data: [{ 'name': 'n1' }, { 'name': 'n2' }, { 'name': 'n3' }, { 'name': 'n4' }]
};
$.ajax(options).then(querySucceeded).fail(queryFailed);

function querySucceeded(data) {
   var objectArray = [];
       ...
  }

function queryFailed(jqXHR, textStatus) {
   var msg = 'Error retreiving data. ' + jqXHR + " " + textStatus;
   errorMessage(msg);
}

Code in web API controller:

  [Route("api/normdata/getdata")]
    public IEnumerable<string> getdata([FromBody] List<object> somedata)
    {
        List<string> stringList = new List<string>();
        var o = somedata;
        return stringList;
    }

The problem is that somedata variable is always null. Please advise.

Jason P · Accepted Answer · 2014-02-10 14:14:55Z

1

You're sending a GET request, but specifying [FromBody] in the controller. Try changing your request to a POST.

answered Feb 10, 2014 at 14:14

Jason P

27k3 gold badges34 silver badges45 bronze badges

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

3 Comments

user3293136 Over a year ago

Hi, thanks for answer. Unfortunately after i have changet to 'POST' getdata method is not called at all. thanks. leszek

Jason P Over a year ago

Any errors in the javascript console or network tab of your browser's dev tools? Any exceptions on the server? Do you have the [HttpGet] attribute on your action?

user3293136 Over a year ago

I have added [HttpPost] attribute and then the function is called. Unfortunately number of objects (somedata) = 0. Thanks.

Rahul Kumar · Accepted Answer · 2014-02-10 14:13:24Z

0

Try this,

var data = [{ 'name': 'n1' }, { 'name': 'n2' }, { 'name': 'n3' }, { 'name': 'n4' }]
var options = {
    url: '/api/normdata/getdata',
    type: 'POST',
    dataType: 'json',
    data: JSON.stringify(data)

};
$.ajax(options).then(querySucceeded).fail(queryFailed);

function querySucceeded(data) {
    var objectArray = [];
   ...
}
function queryFailed(jqXHR, textStatus) {
    var msg = 'Error retreiving data. ' + jqXHR + " " + textStatus;
    errorMessage(msg);
}

Documentation link

answered Feb 10, 2014 at 14:13

Rahul Kumar

5241 gold badge3 silver badges19 bronze badges

Collectives™ on Stack Overflow

How to pass list of object to jQuery ajax get

2 Answers 2

3 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

3 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related