Getting date value null in ajax request

Question

I am using Ajax request to send the value of date to my API Controller here is my ajax call

 $("#txtpdate").on("changeDate", function (e) {
        var Date =$('#txtpdate').val();
        console.log(Date);
        $.ajax({
            type: 'POST',
            contentType: false,
            url: '/api/ServiceProvider/GetUpdatedPrice',
            data:{date: Date  },
            cache: false
        }).done(function (response) {

        });
});

And here is my api controller

[HttpPost]
[Route("GetUpdatedPrice")]
public  ServiceProviderDocuments GetUpdatedPrice(DateTime date)
{
    return  ServiceProviderDocumentsGateway.GetUpdatedPriceofBike(date);
}

I am getting the desired value in console.log(Date) but when I reached to the controller it is showing null value please take a look on the below image

try this one - data: JSON.stringify({date: Date })

Oleg M
– Oleg M

2017-06-05 09:55:40 +00:00
Commented Jun 5, 2017 at 9:55 — Oleg M
– Oleg M, Commented Jun 5, 2017 at 9:55
check this!

Prashant Shirke
– Prashant Shirke

2017-06-05 09:56:14 +00:00
Commented Jun 5, 2017 at 9:56 — Prashant Shirke
– Prashant Shirke, Commented Jun 5, 2017 at 9:56
What does console.log(Date); log to your console?

mjwills
– mjwills

2017-06-05 10:00:21 +00:00
Commented Jun 5, 2017 at 10:00 — mjwills
– mjwills, Commented Jun 5, 2017 at 10:00
this is showing in console 06/20/2017

Gaurav_0093
– Gaurav_0093

2017-06-05 10:01:33 +00:00
Commented Jun 5, 2017 at 10:01 — Gaurav_0093
– Gaurav_0093, Commented Jun 5, 2017 at 10:01

Gaurav_0093 · Accepted Answer · 2017-06-21 13:24:42Z

1

Just solved by doing this

  var dt=$('#txtpdate').val();
    ko.toJSON({ date: new Date(dt)})

then you will get date in action.

answered Jun 21, 2017 at 13:24

Gaurav_0093

1,0407 gold badges31 silver badges58 bronze badges

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

Comments

C.Fasolin · Accepted Answer · 2017-06-05 09:54:05Z

0

hi try to parse request into json and your date field into date like to: new Date

 var promise=jQuery.ajax({
        url: url,
        type: 'POST',
        data: JSON.stringify(data),
        contentType: 'application/json; charset=utf-8'
    }).promise();

answered Jun 5, 2017 at 9:54

C.Fasolin

3191 gold badge5 silver badges20 bronze badges

Comments

Alessandro · Accepted Answer · 2017-06-05 09:56:58Z

0

You should declare the date parameter as DateTime, like:

[HttpPost]
[Route("GetUpdatedPrice/{pDate:datetime}")]
public  ServiceProviderDocuments GetUpdatedPrice(DateTime pDate)
{
    return ServiceProviderDocumentsGateway.GetUpdatedPriceofBike(pDate);

}

answered Jun 5, 2017 at 9:56

Alessandro

4,4729 gold badges43 silver badges71 bronze badges

Comments

Salah Akbari · Accepted Answer · 2017-06-05 13:16:36Z

0

Do the following:

Change the type of the parameter to string:

[HttpPost]
[Route("GetUpdatedPrice")]
public  ServiceProviderDocuments GetUpdatedPrice(string date)
{
    //Convert date to Datetime here
}

Change the contentType to:

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

Stringify the date:
```
data: JSON.stringify({ date: Date }),
```

edited Jun 5, 2017 at 13:16

answered Jun 5, 2017 at 10:12

Salah Akbari

40k10 gold badges85 silver badges115 bronze badges

9 Comments

Gaurav_0093 Over a year ago

still getting null in controller

Salah Akbari Over a year ago

@Gaurav_0093 This should works. Are you sure that you did all the steps? Can you show your updated code?

Gaurav_0093 Over a year ago

yes sir here is my code- $.ajax({ type: 'POST', contentType: 'application/json;', url: '/api/ServiceProvider/GetUpdatedPrice', data: JSON.stringify({ date: Date }), cache: false }).done(function (response) { in controller [HttpPost] [Route("GetUpdatedPrice")] public ServiceProviderDocuments GetUpdatedPrice(string date) { return ServiceProviderDocumentsGateway.GetUpdatedPriceofBike(date); }

Salah Akbari Over a year ago

@Gaurav_0093 Please show the updated code in your question. Edit your question and show your new code.

Gaurav_0093 Over a year ago

@S.Akbari-Sir this one is the updated code in my question

|

Taian · Accepted Answer · 2019-04-08 14:51:59Z

0

In my case, the date was a property of a object and the "set" was only "internal", so I remove it and now it's working.

After:

public DateTime DataInicialFiltro { get; internal set; }

Before:

public DateTime DataInicialFiltro { get; set; }

answered Apr 8, 2019 at 14:51

Taian

3199 silver badges21 bronze badges

Collectives™ on Stack Overflow

Getting date value null in ajax request

5 Answers 5

Comments

Comments

Comments

9 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

Comments

Comments

Comments

9 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related