如何在jquery中构建一个json文件并从中提取数据值?

时间:2018-03-30 11:38:01

标签: javascript jquery json

我有excel表,我需要构建json文件。我已经构建了一个示例文件。但我无法继续使用该json文件并从中提取数据。

[{
   "Material thickness": "10 Mil",        
   "Width": 8,
   "height": 8,
   "Price": "8.76",
   "Quantity":1
},
{
   "Material thickness": "7 Mil",        
   "Width": 8,
   "height": 12,
   "Price": "10.52",
   "Quantity":1
}
]

jQuery.getJSON( siteURL+"/prices.json", function( data ) {
  jQuery.each(data, function (index, value) {
    console.log(index);
    console.log(value);
    console.log(data[index].Material thickness);                             
  });                           
}); 

2 个答案:

答案 0 :(得分:1)

当您的密钥包含空格时,您无法使用dot表示法。

  

使用 dot 表示法访问的属性必须是一系列字母数字字符,也包括下划线(“_”)和美元符号(“$”),它们不能以数字< / p>

改为使用bracket符号:

data[index]['Material thickness']

var data = [{
    "Material thickness": "10 Mil",
    "Width": 8,
    "height": 8,
    "Price": "8.76",
    "Quantity": 1
  },
  {
    "Material thickness": "7 Mil",
    "Width": 8,
    "height": 12,
    "Price": "10.52",
    "Quantity": 1
  }
];

$.each(data, function(index, value) {

  //console.log(index);
  //console.log(value);
  console.log(data[index]['Material thickness']);

});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

答案 1 :(得分:1)

您可以使用以下内容:

console.log(data[index]["Material thickness"]);