首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >使用jquery-csv将CSV放入数组

使用jquery-csv将CSV放入数组
EN

Stack Overflow用户
提问于 2019-03-19 23:19:22
回答 2查看 5.3K关注 0票数 2

我正在尝试从以下CSV中获取数据,该CSV位于我的本地文件夹bids.csv

代码语言:javascript
复制
1, 3000
4, 2500
15, 2000

转换成一个数组。我正在使用jquery-csv库,但没有成功。

下面是我的完整代码:

代码语言:javascript
复制
<html><head>
  <script type="text/JavaScript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js" ></script>
  <script src="jquery-csv.js"></script>
</head>
<body>
  <script type="text/javascript">
  data = $.csv.toArray('bids.csv');
  console.log(data)
  </script>
</body></html>

当我在chrome中进入JS控制台时,控制台中确实有一个数组,但似乎没有我想要的数据,而是 a huge amount of guff。我只能假设这是jquery-csv输出的默认数组,并且由于某种原因它没有读取我的csv。

EN

回答 2

Stack Overflow用户

发布于 2019-03-19 23:34:29

出现此问题的原因是,您首先需要检索CSV文件,然后只将其传递给jQuery-csv插件。

根据plugin documentation

$.csv.toArray(csv);

..。

csv (必填)要转换的csv数据。

您问题中共享的代码将bids.csv视为CSV数据。

假设文件可以从服务器访问(localhost工作):

检索CSV数据的一种方法是发出一个Ajax GET请求,jQuery有一个内置的特性:jQuery.get

那么解决方案将是:

代码语言:javascript
复制
<html><head>
  <script type="text/JavaScript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js" ></script>
  <script src="jquery-csv.js"></script>
</head>
<body>
  <script type="text/javascript">
  // sent a GET request to retrieve the CSV file contents
  $.get( "bids.csv", function( CSVdata) {
     // CSVdata is populated with the file contents
     / ready to be converted into an Array
      data = $.csv.toArray(CSVdata);
      console.log(data)
  });
  </script>
</body></html>

读者可以通过练习来管理在文件检索或转换过程中可能发生的错误。

如果您不想使用有些笨重的jQuery库,那么您可能需要查看其他库:

票数 1
EN

Stack Overflow用户

发布于 2019-03-19 23:40:08

我可以看到您已将文件名添加到数组中。您需要使用FileReader读取文件,然后使用toArrays()函数。

您可以看到示例here

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/55244410

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档