在javascript中读取CSV文件
在下面的代码中，我能够从逗号分隔的文本区域读取数据并将数据存储到数组中。textarea的ID为“input2”，所有值都从input2传递到函数中的变量“input” 如何通过读取csv文件而不是从文本区域中读取来实现相同的效果在javascript中读取CSV文件,javascript,csv,Javascript,Csv,在下面的代码中，我能够从逗号分隔的文本区域读取数据并将数据存储到数组中。textarea的ID为“input2”，所有值都从input2传递到函数中的变量“input” 如何通过读取csv文件而不是从文本区域中读取来实现相同的效果 <html> <head> </head> <body> <h1>CSV parser</h1> <p>We will attempt to parse a CSV file<
<html>
<head>
</head>
<body>
<h1>CSV parser</h1>
<p>We will attempt to parse a CSV file</p>
<button type="button" onclick="example2()">Load the CSV file</button>
<br><br>
<textarea id="input2" style="height:150px;">"All work","and no play","makes Jack","a dull boy..."
"All work","and no play","makes Jack","a dull boy..."
"All work","and no play","makes Jack","a dull boy..."
"All work","and no play","makes Jack","a dull boy..."
"All work","and no play","makes Jack","a dull boy..."
"All work","and no play","makes Jack","a dull boy..."
"All work","and no play","makes Jack","a dull boy..."
"All work","and no play","makes Jack","a dull boy..."
"All work","and no play","makes Jack","a dull boy..."
"All work","and no play","makes Jack","a dull boy..."</textarea>
<br><br>
<table id="result2" border="1"></table>
<script src="http://code.jquery.com/jquery-1.8.2.js"></script>
<script src="http://code.jquery.com/ui/1.9.0/jquery-ui.js"></script>
<script></script>
<script src="http://jquery-csv.googlecode.com/git/src/jquery.csv.js"> </script>
<script>
function example2() {
var input = $('#input2').val();
var data = $.csv.toArrays(input);
var html = generateTable(data);
$('#result2').empty();
$('#result2').html(html);
}
function generateTable(data) {
var html = '';
if(typeof(data[0]) === 'undefined') {
return null;
}
if(data[0].constructor === Array) {
for(var row in data) {
html += '<tr>\r\n';
for(var item in data[row]) {
html += '<td>' + data[row][item] + '</td>\r\n';
}
html += '</tr>\r\n';
}
}
return html;
}
</script>
</body>
</html>
CSV解析器
我们将尝试解析CSV文件
加载CSV文件
“只工作”，“不玩耍”，“聪明的孩子…”
“只工作”，“不玩耍”，“聪明的孩子…”
“只工作”，“不玩耍”，“聪明的孩子…”
“只工作”，“不玩耍”，“聪明的孩子…”
“只工作”，“不玩耍”，“聪明的孩子…”
“只工作”，“不玩耍”，“聪明的孩子…”
“只工作”，“不玩耍”，“聪明的孩子…”
“只工作”，“不玩耍”，“聪明的孩子…”
“只工作”，“不玩耍”，“聪明的孩子…”
“只工作”，“不玩耍”，“聪明的孩子…”
函数示例2（）{
var input=$（'#input2'）.val（）；
变量数据=$.csv.toArray（输入）；
var html=可生成表（数据）；
$（'#result2'）.empty（）；
$（'#result2'）.html（html）；
}
函数生成器（数据）{
var html=''；
if（typeof（数据[0]）==“未定义”）{
返回null；
}
if（数据[0]。构造函数===数组）{
for（数据中的var行）{
html+='\r\n'；
对于（数据[行]中的var项）{
html+=''+数据[行][项]+'\r\n'；
}
html+='\r\n'；
}
}
返回html；
}