我想使用 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>
这在控制台中给出了结果:
我的问题是; 如何在网站中显示此数据集中的特定数据,例如:
电池电量:0.62
高度计压力: 99.44185
水平精度: 65
等等。等等
最佳答案
以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();
}
关于javascript - 显示 CSV/JSON 文件中的特定数据,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33907426/