如何在jQuery ajax()调用中传递多个JavaScript数据变量?

时间:2011-01-11 22:24:26

标签: jquery ajax parameter-passing

如果startDateTime& endDateTime具有dateTime值:

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)

你如何通过startDateTime& endDateTime下面的ajax电话?

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
        }
    });         

},

6 个答案:

答案 0 :(得分:11)

尝试:

data: {
    start: startDateTime,
    end: endDateTime
}

这将在您可以使用的服务器上创建'start'和'end'的请求参数。

{...}object literal,这是创建对象的简便方法。 .ajax函数接受对象并将其属性(在本例中为'start'和'end')转换为键/值对,这些键/值对被设置为发送到服务器的HTTP请求的属性。

答案 1 :(得分:7)

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

答案 2 :(得分:3)

您可以使用JSON表示法传递值:

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

答案 3 :(得分:1)

试一试:

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

答案 4 :(得分: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)}, //finish with **,**
    type: 'POST',
    success: function(response)
    {
        // do something with response
    }

});

答案 5 :(得分: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 
     }
});