Data object in Ajax

Question

I have this code inside a function:

 var setTime = selected[0];
 var selectedTime = {
     ProfessionalUserId: $("#SelectProId").text()
     , Date: selectedDate
     , SetTime: setTime
     , Time: null
 };

$.ajax({
    type: 'POST',
    data: selectedTime,
    url: '@Url.Action("SetAvailableAppointments", "ScheduleView")',
    dataType: "json",
    //contentType: 'application/json',
    success: function (result) {
            if (data === true) {
               $("#successfulAppt").show();
             }
    },
    error: function (err) {

   }

})

The selected[0] set a string value that represets a time, i.e. "11:00:00" or "10:15:00, etc...

the selectedTime object matches a server side POCO object which is in the signature of the receiving method.

The problem is that if i create the selectedTime object like this with the SetTime property:

var setTime = selected[0];
var selectedTime = {
    ProfessionalUserId: $("#SelectProId").text()
    , Date: selectedDate
    , SetTime: setTime
    , Time: null
};

the receiving method receives a null object.

if i create the same object selectedTime this way:

var setTime = selected[0];
var selectedTime = {
     ProfessionalUserId: $("#SelectProId").text()
     , Date: selectedDate
     //, SetTime: setTime
     , Time: null
};

without the SetTime property the receiving method accepts the object.

SetTime is being set to a string value. I have proved this step through the code with chrome develper tools.

Here is the server side object

public class AvailableTime
    {
        public DateTime Date
        {
            get;
            set;

        }
        public TimeSpan Time { get; set; }
        public string TimeLiteral
        {
            get
            {
                return Time.ToString();
            }
        }

        public string SetTime { get; set; }
        public int ProfessionalUserId { get; set; }
    }

here is the receiving method:

public ActionResult SetAvailableAppointments(AvailableTime setTime)
        {
            if (setTime == null)
                return View();

....

}

further up in the code. I am setting it from another value in control and it works fine. — ChampChris
– ChampChris, Commented Feb 14, 2014 at 2:28
Perhaps unrelated, but in your success function, you name your input parameter result but then refer to it as data. — Anid Monsur
– Anid Monsur, Commented Feb 14, 2014 at 2:30
check the headers your developer tools - are they all getting passed to your server correctly? — wirey00
– wirey00, Commented Feb 14, 2014 at 2:30
thanks yes unrelated, i copied the if statement from other code and didn't change it, thanks for the catch — ChampChris
– ChampChris, Commented Feb 14, 2014 at 2:31

John Fisher · Accepted Answer · 2014-02-14 02:36:20Z

1

It looks like you need to change your ajax call to set your parameter this way:

data: { setTime: selectedTime },

That works because your function parameter is named setTime, and you created an object called selectedTime like this:

var selectedTime = {
    ProfessionalUserId: $("#SelectProId").text()
    , Date: selectedDate
    , SetTime: setTime
    , Time: null
};

edited Feb 14, 2014 at 2:36

answered Feb 14, 2014 at 2:28

John Fisher

22.8k2 gold badges43 silver badges67 bronze badges

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

4 Comments

ChampChris Over a year ago

I need all the properties on the object to passed back to me.

Anid Monsur Over a year ago

Isn't selectedTime the object with all your properties?

wirey00 Over a year ago

actually - if you're doing conversion into an object you are probably correct

ChampChris Over a year ago

Thanks!!!! I renamed the setTime to newAppt in the receiving method signature and it worked perfectly. Didn't even think the names were causing issues.

Collectives™ on Stack Overflow

Data object in Ajax

1 Answer 1

4 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

4 Comments

Your Answer

Sign up or log in

Post as a guest

Related