Json Received data = null

Question

Hi I have json request like here:

$.ajax({
        url: "/DeviceUsage/FreeDevice",
        type: "POST",
        data: JSON.stringify({ data: Ids }),
        error: function (data) {
            alert("error " + data);
        },
        success: function (data) {
            if (data === "") {
                alert("succes")
            }
            else {
                alert(data);
            }
        }
    });

where Ids = var Ids = new Array(); ( full of ints)

My Json looks like this:

{"data":[38,40,41]}

method where I'm receiving Json:

[HttpPost]
public JsonResult FreeDevice(FreeDeviceModel m)
{
    return Json("");
}

and my ViewModel:

public class FreeDeviceModel
{
    public List<int> data { get; set; }
}

I cross checked everything with Json validator, Json2C#

and eveything looks correct so why nothing is reveived by the FreeDevice method?

For clarification I have problem with this : Data shoudl be List of 3 elements but is Null

Data shoudl be List of 3 elements but is Null

I updated my question. I have in mind that freeDevice is not receiving anything — szpic, Jan 30 '14 at 12:43
So the ajax call enter the condition where it alerts the data, right? — Hackerman, Jan 30 '14 at 12:44
Ok I provided the screenshot of thing I have problemn with ;) — szpic, Jan 30 '14 at 12:51

score 1 · Accepted Answer · answered Jan 30 '14 at 13:19

Check Below Code it should work

Json Call

var FreeDeviceModel = {};
FreeDeviceModel.data = new Array();
FreeDeviceModel.data[0] = 39;
FreeDeviceModel.data[1] = 40;
FreeDeviceModel.data[2] = 41;
var object = JSON.stringify({ FreeDeviceModel: FreeDeviceModel });
$.ajax({
    type: "POST",
    url: "/Home/FreeDevice",
    contentType: 'application/json; charset=utf-8',
    data: object,
    dataType: 'json',
    cache: false,
     error: function (data) {
        alert("error " + data);
    },
    success: function (data) {
        if (data === "") {
            alert("succes")
        }
        else {
            alert(data);
        }
    }
});

Controller Call

  [HttpPost]
    public JsonResult FreeDevice(FreeDeviceModel FreeDeviceModel)
    {
        return Json("");
    }

Ok I accept this answer. You wrote same I wrote in my self answer ;) ContentType was missing! — szpic, Jan 30 '14 at 13:23

score 0 · Answer 2 · answered Jan 30 '14 at 12:44

0

Did you try setting the dataType to JSON

dataType: 'json',
data: {"data":[38,40,41]}

Hope it helped...

answered Jan 30 '14 at 12:44

Chakradhar Vyza

285
4
11

Hard coding the data is no the option ;) – szpic Jan 30 '14 at 12:53
i meant adding your json directly without using stringify and set the dataType to json :) – Chakradhar Vyza Jan 30 '14 at 12:58
I know, Checked it but this gave no effect – szpic Jan 30 '14 at 13:00
guess [this](http://stackoverflow.com/questions/3168401/json-formatting-sending-json-via-jquery-ajax-post-to-java-wicket-server) will help you get it – Chakradhar Vyza Jan 30 '14 at 13:09

score 0 · Answer 3 · answered Jan 30 '14 at 13:08

0

Ok. Adding this line:

contentType: "application/json; charset=utf-8",

fixed everything!

answered Jan 30 '14 at 13:08

szpic

4,346
15
54
85

score 0 · Answer 4 · answered Jan 30 '14 at 13:09

0

You should try something like this:

public JsonResult FreeDevice(string details)
{
FreeDeviceModel tempRecord = JsonConvert.DeserializeObject<List<FreeDeviceModel>>(details);
}

answered Jan 30 '14 at 13:09

Hackerman

12,139
2
34
45

score -1 · Answer 5 · edited Jan 30 '14 at 13:09

-1

Just try:

data: JSON.stringify(Ids),

edited Jan 30 '14 at 13:09

John Dvorak

26,799
13
69
83

answered Jan 30 '14 at 12:44

Nikolossos

1

after this modification still null – szpic Jan 30 '14 at 12:49

Json Received data = null

5 Answers5