Jquery 如何在ajax数据提交中使用变量值作为键名？

我试图通过Ajax提交一些数据，但我的一个关键名称及其值必须是动态的。这就是我的意思：

var ProductName = $('#Product').attr('name'); // #Product is hidden form element
var ProductID = $('#Product').val();
$.ajax({
            type: 'post',
            url: 'form/processor/page',
            data: {
                SomeElement: ItsValue,
                AnotherElement: ItsValue,
                ProductName: ProductID // this one must be dynamic
            },
    ....

因此，本质上我想使用

ProductName

变量的值来提供键名，

ProductID

来提供键的值

---

我如何才能做到这一点？

创建一个数据变量并分配键值对

var post_data = {}
data[$('#Product').attr('name')] = $('#Product').val()
data["not_dynamic_key"] = "not dynamic value"

$.ajax({
   data : post_data ...

---

但是，我如何将其他不动态的元素包括进来呢？

SomeElement:ItsValue，AnotherElement:ItsValue

如何将其与现有数据一起传递

SomeElement:ItsValue，AnotherElement:ItsValue

，

var data = { 
    SomeElement: ItsValue,
    AnotherElement: ItsValue
};
data[ProductName] = ProductID;
$.ajax({
    type: 'post',
    url: 'form/processor/page',
    data: data,
    ...
});