显示 CSV/JSON 文件中的特定数据

Question

我想使用 JavaScript 在网站上显示来自外部 CSV 文件的特定字段。我尝试使用 "Papa parse" 解析该文件，如下所示：

<!DOCTYPE html>
<html >
  <head>
    <meta charset="UTF-8">
    <title>Parse remote CSV to HTML Page</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
  </head>
  <body>
    <script src='http://d3js.org/d3.v3.min.js'></script>
 <script src='https://code.jquery.com/jquery-2.1.4.min.js'></script>
 <script src='https://cdnjs.cloudflare.com/ajax/libs/PapaParse/4.1.2/papaparse.min.js'></script>
 <script src='https://cdnjs.cloudflare.com/ajax/libs/mustache.js/2.2.0/mustache.min.js'></script>
 
 <script>
 Papa.parse("https://dl.dropboxusercontent.com/s/....../data.csv?dl=0", {
 download: true,
 header: true,
 complete: function(results) {
 console.log(results);
 }
});
 </script>
  </body>
</html>

这给了我控制台中的结果：

console.log

我的问题是；如何在网站中显示此数据集中的特定数据，例如：

电池电量： 0.62

高度计气压：99.44185

水平精度：65

等等等

Answer 1

以Battery Level为例（其他字段类似，大家自己猜）：

var data = results.data
var arrayLength = data.length;
for (var i = 0; i < arrayLength; i++) {
    var newdiv = document.createElement('div');

    newdiv.setAttribute('id', 'your_div_id_'+i.toString());

    newdiv.innerHTML = 'Battery Level: '+data[i].batteryLevel.toString();
}

显示 CSV/JSON 文件中的特定数据

Displaying specific data from a CSV/JSON file

javascript

csv

jquery

json

papaparse