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

【问题标题】：How to pass multiple JavaScript data variables in a jQuery ajax() call?如何在 jQuery ajax() 调用中传递多个 JavaScript 数据变量？
【发布时间】：2011-06-07 11:50:47
【问题描述】：

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

},

【问题讨论】：

标签： jquery ajax parameter-passing

【解决方案1】：

试试：

data: {
    start: startDateTime,
    end: endDateTime
}

这将在您可以使用的服务器上创建“开始”和“结束”的请求参数。

{...} 是 object literal，这是一种创建对象的简单方法。 .ajax 函数获取对象并将其属性（在本例中为“开始”和“结束”）转换为键/值对，这些键/值对设置为发送到服务器的 HTTP 请求的属性。

【讨论】：

【解决方案2】：

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

【讨论】：

【解决方案3】：

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

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

【讨论】：

【解决方案4】：

试试看：

数据：JSON.stringify({ start: startDateTime, end: endDateTime })

【讨论】：

【解决方案5】：

在数据中

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
    }

});

【讨论】：

【解决方案6】：

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

【讨论】：