如何使用Javascript/Ajax显示CSV的一行或值?

内容来源于 Stack Overflow,并遵循CC BY-SA 3.0许可协议进行翻译与使用

  • 回答 (1)
  • 关注 (0)
  • 查看 (75)

CSV文件如下所示:

站,日期,HLY-WIND-AVGSPD,HLY-WIND-VCTDIR USW00013904,01-01T01:00:00,5.6,350 USW00013904,01-01T02:00:00,5.4,346 USW00013904,01-01T03:00:00 ,5.5,342 USW00013904,01-01T04:00:00,5.5,349 USW00013904,01-01T05:00:00,5.5,348

我还不太熟悉Javascript。我希望下面的window.alert显示CSV中的值。AJAX确实拉出CSV并且textarea显示它。目前,警报将显示字母“S”。但我希望它显示名称“STATION”。我还想知道如何显示来自其他行的值,因为将警告中的windValue.value [0,1]显示为“USW00013904”。

可以,我使用逗号分隔符并使用任何基本的javascript命令根据其位置拉取值?

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>javascript-only file reading </title>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
</head>
<body onload="doLoad('')">

<textarea cols="50" rows="40" id='windValue'></textarea>

<script type='text/javascript'>
// https://www.webdeveloper.com/forum/d/242887-read-server-csv-file-into-javascript-array/6
function el(tid)
{
  return document.getElementById(tid);
}

function IO(U, V) {//LA MOD String Version. A tiny ajax library by Dan Davis.
    var X = !window.XMLHttpRequest ? new ActiveXObject('Microsoft.XMLHTTP') : new XMLHttpRequest();
    X.open(V ? 'PUT' : 'GET', U, false );
    X.setRequestHeader('Content-Type', 'csv')
    X.send(V ? V : '');
    return X.responseText;
}

function doLoad(){
  el("windValue").value = IO("data/austinairport.csv");
}

  window.alert(windValue.value[0]);
</script>
</body>
</html>
提问于
用户回答回答于

解决了这个问题 如果使用以下代码,则可以将输出搜索为数组:

window.alert(windValue.value.split(/\s+/)[1].split(",")[3]);

此代码将返回结果:350

扫码关注云+社区

领取腾讯云代金券