【问题标题】:Fetch CSV data using AJAX and render as HTML table with show / hide button使用 AJAX 获取 CSV 数据并使用显示/隐藏按钮呈现为 HTML 表
【发布时间】:2015-04-22 09:00:01
【问题描述】:

我已经收到this far。 现在我的问题是如何渲染那个“;”将 CSV 文件分隔为两列 HTML 表格。

【问题讨论】:

    标签: ajax html-table import-from-csv


    【解决方案1】:

    使用Javascript String对象的split()方法:http://www.w3schools.com/jsref/jsref_split.asp

    例如类似的东西(没有任何错误处理):

    if (xmlhttp.readyState==4 && xmlhttp.status==200)
    {
      var tableHtml = "<table>";
      var lines = xmlhttp.responseText.split("\n");
      for (var i=0; i < lines.length; i++) {
        tableHtml += "<tr>";
        var line = lines[i].split(";");
        tableHtml += "<td>" + line[0] + "</td><td>" + line[1] + "</td>";
        tableHtml += "</tr>";
      }
      tableHtml += "</table>";
      document.getElementById("stock-table").innerHTML = tableHtml;
    }
    

    【讨论】:

    • 非常感谢约瑟夫。你(或其他人)知道如何修改 tableHtml += "" + line[0] + " " + line[1] + "";如果您不知道分隔符的数量?还是我必须使用不同的方法?
    • 您是否知道一行的最大字段数,或者可能会有所不同?表格列应该有它们的标题吗?就个人而言,我建议您查看Knockout JavaScript 库并尝试使用它。它有据可查,有很好的教程。
    • 会有 2 到 10 个字段,但不超过 10 个。脚本最好创建标题。
    猜你喜欢
    • 2013-03-28
    • 2021-06-18
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多