Send data to MVC controller using JSON

Question

I am using JQuery Ajax to make a simple call to an ASP.NET MVC controller. Here is my code

   function postdata(idno) {
   console.log(idno);

   $.ajax({
        type: 'POST',
        url: "/IM/GetMessages",
        contentType: 'application/json',
        dataType: 'json',            
        data: JSON.stringify({ 'fUserId': idno }), 
        success: function (data) { /*CODE*/

    });}

The controller looks like this

     [HttpPost]
     public ActionResult GetMessages(decimal? fUserId)
     {
        var list = WebUtility.IMMessages.Where(p =>
            (p.ToUserId == Session.UserId  && (!fUserId.HasValue || fUserId.HasValue && p.User == fUserId.Value)))
            .OrderBy(p => p.CreatedDateTime)
            .Select(p => new { MessageId = p.RecordId, MessageBody = p.Description1 });

        return Json(list, JsonRequestBehavior.AllowGet);
     }

The problem is that my data doesn't pass to my controller, "null" passes instead. how can I correct this issue? I am watching "idno" on console and everything seems to be OK.

Try looking at the network tab of your browser to see what is being sent in the request, and try changing the parameter to a non nullable decimal (though I wouldn't think that would matter). — Jason P
– Jason P, Commented Dec 10, 2013 at 14:20
On network tab, everything seemed to be ok, actually now the code i gave you is working now, obviously i focused on wrong part of my code. Thanks for your that much quick answer, and sorry for my that much late response. — huxyz
– huxyz, Commented Dec 27, 2013 at 13:11

Community · Accepted Answer · 2017-05-23 10:32:17Z

1

A quick search found a lot of materials on Stack Overflow relating to this issue. Pulled from this answer, try changing this:

data: JSON.stringify({ 'fUserId': idno }),

to this:

data: "fUserId=" + JSON.stringify(idno),

edited May 23, 2017 at 10:32

CommunityBot

11 silver badge

answered Dec 10, 2013 at 14:31

Zach

4473 gold badges10 silver badges28 bronze badges

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

Comments

Marko · Accepted Answer · 2013-12-10 15:37:16Z

1

There is no reason to convert a single parameter into a JSON if you ask me. Instead just do this:

$.ajax({
    type: 'POST',
    url: "/IM/GetMessages?fUserId=" + idno,
    dataType: 'json',            
    success: function (data) { /*CODE*/
});

This way you can still get back JSON but you pass single parameter value. Now if you really need to send an object I don't see anything wrong with your code. You might want to declare a javascript variable and turn it into a json object like this:

var myVar = { fUserId: idno };

and then use that in your ajax request:

$.ajax({
    type: 'POST',
    url: "/IM/GetMessages",
    contentType: 'application/json',
    dataType: 'json',            
    data: JSON.stringify(myVar), 
    success: function (data) { /*CODE*/

});

I do this daily and it works fine for me with both nullable and non-nullable types...

answered Dec 10, 2013 at 15:37

Marko

13.4k12 gold badges52 silver badges64 bronze badges

1 Comment

huxyz Over a year ago

I am really glad that you have given a detailed answer. You were right that there was nothing wrong with my code, it is working now, actually i don't know what the real problem was.

James · Accepted Answer · 2013-12-10 14:43:04Z

0

You should just be able to do this:

data: { fUserId: idno }

answered Dec 10, 2013 at 14:43

James

2,1991 gold badge20 silver badges22 bronze badges

Comments

huxyz · Accepted Answer · 2013-12-27 13:02:09Z

0

I changed nothing with my code, but it is working now. I think there was another problem affecting passing data. I changed many things generally in my code and now actually i don't know what the problem exactly was. Maybe the solution was just rebooting my web application and clearing all caches and cookies in web browser.

answered Dec 27, 2013 at 13:02

huxyz

311 silver badge3 bronze badges

Collectives™ on Stack Overflow

Send data to MVC controller using JSON

4 Answers 4

Comments

1 Comment

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

1 Comment

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related