CODEWITHSUNDEEP
c#javascriptjsonasp.net-web-api
cdsln
cdsln

Reputation: 898

asp.net Web-Api JSON string deserialization

I followed this tutorial to create a Restful web-api service. Everything seemed to work well, I can get all the bookings in JSON format by requesting them from the correct url. My issue is with the http POST.

My Javascript is:

var url = 'http://localhost:9077/api/bookings';
....
    var newEvent = [];

    newEvent.EventDateTime = // (now);
    newEvent.Name = "MyFirstBooking";

    function btnSubmit_Click()
    {
        alert("Submit clicked: " + newEvent.Name + "\n" + newEvent.EventDateTime);

        $.ajax({
            type: "POST",
            url: url,
            data: JSON.stringify( { Bookings: newEvent }),
            contentType: "application/json; charset=utf-8",
            dataType: "json",
            success: function(data) { alert(data); }
        });
    }

The alert displays the correct date and also the correct name. When I click Submit and check fiddler it looks like the JSON is correctly formatted:

 {"Bookings":[{"Name":"MyFirstBooking","EventDateTime":"2014-04-14T13:45:00.000Z"}]}

My View is Bookings.cs :

public class Bookings
{
    public int ID { get; set; }
    public string Name { get; set; }
    public DateTime BookingDateTime { get; set; }
    public DateTime EventDateTime { get; set; }
    public int Duration { get; set; }
    public int UserID { get; set; }
}

In my BookingsController I have:

    public HttpResponseMessage PostBooking(Bookings item)
    {
         // Implementation
    }

However when I put a breakpoint after PostBooking, item.EventDateTime is {01/01/0001 00:00:00} and Name is null. It seems like the JSON is not being deserialised correctly...? I'm not sure where this happens as I can't find it mentioned anywhere...

Thanks.

Upvotes: 0

Views: 2541

Answers (2)

kmacdonald
kmacdonald

Reputation: 3481

ahhh dates in javascript. Aren't they fun? You are more than likely going to have to do a converstion either in javascript or take a look at this stack overflow question to implement a custom date handler in your api:

ASP.NET Web API Date format in JSON does not serialise successfully

EDIT: Ahh i also noticed that your JSON object is an array. You will need to change your signature to take an array:

public HttpResponseMessage PostBooking(IEnumerable<Bookings> items)
{
     // Implementation
}

EDIT AGAIN:

on second thought, I dont think your event needs to be an array. I think you want to do this:

var newEvent ={};

this will intialize newEvent as an object instead of a an array. then you can leave your signature as is. You might need to change your param name like tomasofen mentioned in his answer as well.

EDIT AGAIN:

further thought: you dont need to root the object with {"Bookings": newEvent } just do this instead:

    $.ajax({
        type: "POST",
        url: url,
        data: JSON.stringify(newEvent),
        contentType: "application/json; charset=utf-8",
        dataType: "json",
        success: function(data) { alert(data); }
    });

you are setting the contentType to json. This tells your web app that the content should be json, which in turn will be handled and converted by the server. By stringifying it, you are turning the content into a string and therefore changing the contentType.

Upvotes: 1

tomasofen
tomasofen

Reputation: 1420

Try using the same name for the variable in the server method than the name of the Json parameter:

For server side:

public HttpResponseMessage PostBooking(Bookings item)
    {
         // Implementation
    }

For client side (just change "item" as name of the param):

{"item":[{"Name":"MyFirstBooking","EventDateTime":"2014-04-14T13:45:00.000Z"}]}

I had issues with this, and perhaps this is your case. Tell us if it works or not to try other things.

Check also that the object Bookings in the server has the members Name and EventDateTime writen in the same way.

Upvotes: 0

Related Questions