How to pass multiple JavaScript data variables in a jQuery ajax() call?

Question

If startDateTime & endDateTime have are dateTime values along the lines of this:

Start: Mon Jan 10 2011 18:15:00 GMT+0000 (GMT Standard Time)
End: Mon Jan 10 2011 18:45:00 GMT+0000 (GMT Standard Time)

How do you pass both startDateTime & endDateTime to the ajax call below?

eventNew : function(calEvent, event) 
{
    var startDateTime = calEvent.start;
    var endDateTime = calEvent.end;
    jQuery.ajax(
    {
        url: '/eventnew/',
        cache: false,
        data: /** How to pass startDateTime & endDateTime here? */,
        type: 'POST',
        success: function(response)
        {
            // do something with response
        }
    });         

},

Rob Hruska · Accepted Answer · 2011-01-11 22:36:48Z

12

Try:

data: {
    start: startDateTime,
    end: endDateTime
}

This will create request parameters of 'start' and 'end' on the server that you can use.

The {...} is an object literal, which is an easy way to create objects. The .ajax function takes the object and translates its properties (in this case, 'start' and 'end') into key/value pairs that are set as properties on the HTTP request that gets sent to the server.

edited Jan 11, 2011 at 22:36

answered Jan 11, 2011 at 22:26

Rob Hruska

121k32 gold badges170 silver badges193 bronze badges

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

Comments

Cesar · Accepted Answer · 2011-01-11 22:26:39Z

7

data: {
    startDateTime : "xxx",
    endDateTime : "yyy"
}

answered Jan 11, 2011 at 22:26

Cesar

3,5192 gold badges32 silver badges43 bronze badges

Comments

Jose Basilio · Accepted Answer · 2011-01-11 22:27:22Z

3

You can pass the values in JSON notation:

data: {startDateTime: 'value here ', endDateTime: 'value here '}

answered Jan 11, 2011 at 22:27

Jose Basilio

51.7k13 gold badges124 silver badges117 bronze badges

Comments

Brijesh Kansagara · Accepted Answer · 2013-04-03 09:16:14Z

1

Try it:

data: JSON.stringify({ start: startDateTime, end: endDateTime })

answered Apr 3, 2013 at 9:16

Brijesh Kansagara

92 bronze badges

Comments

ssarabando · Accepted Answer · 2015-09-08 14:05:09Z

0

ajax({
     url : //your file url finshed with ,
     data : {
         Start: Mon Jan 10 2011 18:15:00 GMT+0000 (GMT Standard Time),
         End: Mon Jan 10 2011 18:45:00 GMT+0000 (GMT Standard Time)
     },
     type: 'POST',
     success: function(response) { 
         // do something with response 
     }
});

edited Sep 8, 2015 at 14:05

ssarabando

3,5272 gold badges40 silver badges44 bronze badges

answered Sep 8, 2015 at 13:34

mustafa omar

1

Comments

Tiffany Fischer · Accepted Answer · 2016-06-14 13:13:36Z

0

in the data

ajax({
    url : //your file url finshed with **,**
    data : {Start: Mon Jan 10 2011 18:15:00 GMT+0000 (GMT Standard Time),
           End: Mon Jan 10 2011 18:45:00 GMT+0000 (GMT Standard Time)}, //finish with **,**
    type: 'POST',
    success: function(response)
    {
        // do something with response
    }

});

edited Jun 14, 2016 at 13:13

Tiffany Fischer

1188 bronze badges

answered Sep 8, 2015 at 13:29

mustafa omar

1

Collectives™ on Stack Overflow

How to pass multiple JavaScript data variables in a jQuery ajax() call?

6 Answers 6

Comments

Comments

Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

6 Answers 6

Comments

Comments

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related