资讯专栏INFORMATION COLUMN

用 JavaScript 解析 .csv 文件

superPershing / 1591人阅读

First Step:

</>复制代码

  1. $.ajax({
  2. url: "csv_data.csv",
  3. dataType: "text",
  4. }).done(successFunction);

Second Step:Converting a CSV File Into an HTML Table

</>复制代码

  1. function successFunction(data) {
  2. var allRows = data.split(/
  3. ?
  4. |
  5. /);
  6. var table = "";
  7. for (var singleRow = 0; singleRow < allRows.length; singleRow++) {
  8. if (singleRow === 0) {
  9. table += "";
  10. table += "";
  11. } else {
  12. table += "";
  13. }
  14. var rowCells = allRows[singleRow].split(",");
  15. for (var rowCell = 0; rowCell < rowCells.length; rowCell++) {
  16. if (singleRow === 0) {
  17. table += "";
  18. } else {
  19. table += "";
  20. }
  21. }
  22. if (singleRow === 0) {
  23. table += "";
  24. table += "";
  25. table += "";
  26. } else {
  27. table += "";
  28. }
  29. }
  30. table += "";
  31. table += "
    ";
  32. table += rowCells[rowCell];
  33. table += "
  34. ";
  35. table += rowCells[rowCell];
  36. table += "
  37. ";
  38. $("body").append(table);
  39. }

Third Step: Adding Styles to the HTML Table

</>复制代码

  1. table {
  2. margin: 0 auto;
  3. text-align: center;
  4. border-collapse: collapse;
  5. border: 1px solid #d4d4d4;
  6. }
  7. tr:nth-child(even) {
  8. background: #d4d4d4;
  9. }
  10. th, td {
  11. padding: 10px 30px;
  12. }
  13. th {
  14. border-bottom: 1px solid #d4d4d4;
  15. }

result:

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/79389.html

相关文章

  • Python3网络爬虫实战---31、数据存储:文件存储

    摘要:如果该文件已存在,文件指针将会放在文件的结尾。运行结果以上是读取文件的方法。为了输出中文,我们还需要指定一个参数为,另外规定文件输出的编码。 上一篇文章:Python3网络爬虫实战---30、解析库的使用:PyQuery下一篇文章:Python3网络爬虫实战---32、数据存储:关系型数据库存储:MySQL 我们用解析器解析出数据之后,接下来的一步就是对数据进行存储了,保存的形式可以...

    dreamans 评论0 收藏0
  • JavaScript机器学习之线性回归

    摘要:不能用于机器学习太慢幻觉矩阵操作太难有函数库啊,比如只能用于前端开发开发者笑了机器学习库都是开发者机器学习库神经网络神经网络自然语言处理卷积神经网络一系列库神经网络深度学习我们将使用来实现线性回归,源代码在仓库。 译者按: AI时代,不会机器学习的JavaScript开发者不是好的前端工程师。 原文: Machine Learning with JavaScript : Part 1 ...

    gitmilk 评论0 收藏0
  • 另类爬虫:从PDF文件中爬取表格数据

    摘要:本文将展示如何利用的模块从文件中爬取表格数据。但如何从文件中提取其中的表格,这却是一个大难题。我们以输出文件为例从文件中提取表格将表格数据转化为文件得到的文件如下例在例中,我们将提取页面中的某一区域的表格的数据。 简介   本文将展示一个稍微不一样点的爬虫。  以往我们的爬虫都是从网络上爬取数据,因为网页一般用HTML,CSS,JavaScript代码写成,因此,有大量成熟的技术来爬取...

    Anchorer 评论0 收藏0
  • NPM酷库049:csv-parse,解析csv文件

    摘要:酷库,每天两分钟,了解一个流行库。在酷库中,我们介绍了可以将数据导出为文件的库,今天,今天我们再来了解如何解析导入一个文件。用于将一个文本字符串数据解析为对象或数组张三李四张三李四除了同步方式解析,还提供异步函数和流对象支持。 NPM酷库,每天两分钟,了解一个流行NPM库。· 在NPM酷库048中,我们介绍了可以将JSON数据导出为csv文件的库:json2csv,今天,今天我们再来了...

    spademan 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<