设置jquery ajax方法的数据属性以包含具有数组属性的javascript对象

Question

我在设置jquery ajax方法的data属性时遇到问题，以便包含具有名为EngineSpecs的属性的JavaScript对象。

我想出了这样的测试，但它不工作：

var myObject = new Object(); 
myObject.EngineSpecs = {}; 


var data = { 
     myObject.EngineSpecs : [{ 
      EngineID: 100010017, 
      Displacement: 7.2, 
      Gas: false 
      }, { 
      EngineID: 300200223, 
      Displacement: 3.2, 
      Gas: true 
     }] 
}; 

$.ajax({ 
     url: someurl, 
     dataType: "json", 
     data: myObject 

我不断收到这样的错误：

消息“：”发生错误“” ExceptionMessage “：”无法反序列化当前的JSON对象

任何帮助将不胜感激！

Answer 1

您正试图使用​​myObject.EngineSpecs作为对象属性名称，这是不允许的（因为中间是。）。做到这一点，而不是：

var data = { 
     myObject: { 
      EngineSpecs : [{ 
       EngineID: 100010017, 
       Displacement: 7.2, 
       Gas: false 
      }, { 
       EngineID: 300200223, 
       Displacement: 3.2, 
       Gas: true 
      }] 
     } 
}; 

或者可能你真正想要的是什么：

var myObject = { 
     EngineSpecs : [{ 
      EngineID: 100010017, 
      Displacement: 7.2, 
      Gas: false 
     }, { 
      EngineID: 300200223, 
      Displacement: 3.2, 
      Gas: true 
     }] 
    }; 

Answer 2

有几个问题，你的代码这似乎缺乏的JS对象和对象属性的理解干。了解这些将为您节省数小时的头痛。

第一件事（小事一件）我想指出的是混合你的对象声明。

var myObject = new Object(); 
// is the equivalent of: 
var myObject = {}; 

类似与数组：

var myArray = new Array(); 
//is the equivalent of: 
var myArray = []; 

不要紧，你选择去与模式（JS社区喜欢的[]和{}），但要确保你和你的方法是一致的。其次，将对象视为关联数组，即关键字 - >值对的列表。这些键被称为对象属性。所以，所有对象都应该遵循以下模式：

// Note: each object property declaration is comma separated. 
var myObject = { 
    propertyString: 'this is a string', 
    propertyAnotherString: 'this is another string', 
    propertyMixedArray: ['item 1', 'item 2', 1, 2, {}], 
    // Note above, we have different data types in the array: 
    // two strings, two ints and one empty object. 
    // This is completely legal in javascript. 
    propertyObject: { someProperty: 'and so on...' } 
}; 

// Adding additional properties is OK too. 
// Note: this time we use '=' instead of ':' to assign value 
myObject.additionalProperty = 'Additional property'; 

// prints 'this is a string' 
console.log(myObject.propertyString); 

// also prints 'this is a string' 
// I'm treating object as an associative array or hashtable 
console.log(myObject['propertyString']); 

// also prints 'this is a string' 
// we can use variables as well to dynamically access keys. 
var keyFromVariable = 'propertyString'; 
console.log(myObject[keyFromVariable]); 

// Couple of other examples. 
console.log(myObject.propertyMixedArray[1]); // prints 'item 2' 
console.log(myObject.propertyObject.someProperty); // prints 'and so on...' 
console.log(myObject.additionalProperty); // prints 'Additional property' 

这可能是压倒性的开始，但你会随着时间的推移习惯了。但是，在编写JavaScript代码时，始终将您的想法始终放在头脑中很重要。现在我们对对象有了更多的了解，我们可以用以下方式重写您的代码：

var myObject = { 
    EngineSpecs: [{ 
     EngineID: 100010017, 
     Displacement: 7.2, 
     Gas: false 
     }, { 
     EngineID: 300200223, 
     Displacement: 3.2, 
     Gas: true 
    }] 
}; 

$.ajax({ 
    url: 'http://www.someurlhere.com/api.json', 
    dataType: "json", 
    data: myObject 
}); 

我希望这会有所帮助。