.NET MVC 4 API Controller not getting AJAX data?

Question

I have a simple ajax call that is not sending data correctly. What am I doing wrong? Here is the AJAX:

$.ajax({
            url: '/api/Chat/New',
            type: 'POST',
            dataType: 'json',
            data: { id : 10}
        });

and here is my controller:

 public class ChatController : BaseApiController
    {
        //
        // GET: /Chat/

        [HttpPost]
        public int New(int id = -1)
        {

            return id;
        }
    }

BaseApiController is my own controller that has DB context in it and it inherits from ApiController. I cannot get data to send across the wire at all. New() just returns -1 every time.

Try taking out the dataType: 'json' line. You're not receiving an object in your controller, just a primitive type. — aw04
– aw04, Commented Mar 4, 2014 at 2:17
You said it does hit the controller, just no data? I'm posting an alternative that works for me in this situation — aw04
– aw04, Commented Mar 4, 2014 at 2:30

Matt Bodily · Accepted Answer · 2014-03-04 04:00:08Z

1

try removing the data type from your ajax call. Something like this

$.ajax({
    url: '@Url.Action("New", "Chat")',
    type: 'post',
    cache: false,
    async: true,
    data: { id: 10 },
    success: function(result){
        // do something if you want like alert('successful!');
    } 
});

answered Mar 4, 2014 at 4:00

Matt Bodily

6,4134 gold badges32 silver badges51 bronze badges

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

Comments

Van · Accepted Answer · 2014-03-04 02:34:13Z

0

try this

$.ajax({
        url: '/api/Chat/New',
        type: 'POST',
        dataType: 'json',
        data: JSON.stringify({ id : 10})
    });

edited Mar 4, 2014 at 2:34

answered Mar 4, 2014 at 2:28

Van

1,3871 gold badge10 silver badges19 bronze badges

Comments

Amila · Accepted Answer · 2014-03-04 09:57:30Z

0

Please take a look at the answer of the following post http://forums.asp.net/t/1939759.aspx?Simple+post+to+Web+Api

Basically, Web API Post accept only one parameter, it can be a primitive type or a complex object.

Change your ajax request to the following

$.ajax({
    url: '/api/Chat/New',
    type: 'POST',
    data: { '' : 10}
});

Then change your controller as follows

[HttpPost]
public int New([FromBody]int id = -1)
{
    return id;
}

If it's a complex object like a ViewModel, you don't need to use FromBody

You can read more about why this is required by reading "Using[FromBody]" section in the following article.

http://www.asp.net/web-api/overview/formats-and-model-binding/parameter-binding-in-aspnet-web-api

edited Mar 4, 2014 at 9:57

answered Mar 4, 2014 at 9:34

Amila

3,8164 gold badges28 silver badges44 bronze badges

Collectives™ on Stack Overflow

.NET MVC 4 API Controller not getting AJAX data?

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related