Javascript 使用js从本地加载CSV文件：无错误但无视图_Javascript_Jquery_Html_Csv

Javascript 使用js从本地加载CSV文件：无错误但无视图

javascript jquery html csv

Javascript 使用js从本地加载CSV文件：无错误但无视图,javascript,jquery,html,csv,Javascript,Jquery,Html,Csv,我正在尝试将本地csv文件加载到html表中。当我在chrome中加载html文件时，我无法查看内容。控制台显示“导航到”file:///D:/report.html“。没有错误消息 $（文档）.ready（函数（）{ $.ajax({ 键入：“获取”， url:“file:///D:/results.csv", 成功：功能（数据）{ 过程数据（数据）； } }); }); 函数processData（allText）{ var记录_num=2； var allTextLines=allTex

我正在尝试将本地csv文件加载到html表中。当我在chrome中加载html文件时，我无法查看内容。控制台显示“导航到”file:///D:/report.html“。没有错误消息

$（文档）.ready（函数（）{
$.ajax({
键入：“获取”，
url:“file:///D:/results.csv",
成功：功能（数据）{
过程数据（数据）；
}
});
});
函数processData（allText）{
var记录_num=2；
var allTextLines=allText.split（/\r\n |\n/）；
var entries=allTextLines[0]。拆分（'，'）；
var行=[]；
变量标题=条目。拼接（0，记录数量）；
while（entries.length>0）{
var-tarr=[]；
对于（var j=0；j


表格{
边界塌陷：塌陷；
边框：2个黑色实心；
字体：12px无衬线；
对齐内容：居中对齐；
}
运输署{
边框：1px黑色实心；
填充物：5px；
}
这是正确的代码
<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
           <style>
              table {
              border-collapse: collapse;
              border: 2px black solid;
              font: 12px sans-serif;
              }
              td {
              border: 1px black solid;
              padding: 5px;

              }
            </style>
     </head>
  <body>
    <div id='container'></div>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>
    <script type="text/javascript" charset="utf-8">

$(document).ready(function() {
   $.ajax({
       type: "GET",
       url: "./results.csv",
       success: function(data) {processData(data);}
    });
});

function processData(allText) {
    var lines = [];
    var tarr = [];
    var val;
    var record_num = 2; 
    var allTextLines = allText.split(/\r\n|\n/);
    for (var k = 0;k < allTextLines.length-1;k++){
          var entries = allTextLines[k].split(',');
          var headings = entries.splice(0,record_num);
          while (headings.length>0) {
             for (var j=0; j<record_num; j++) {
                 val = headings.shift();
                 tarr.push(val);
              }
          }
     }
    var output = [],
        i;
        for (i = 0; i < tarr.length-1; i++){
        output.push("<tr><td>"+ tarr[i].replace('"',"").slice(0,-1) + "</td><td>"+ tarr[i+1].replace('"',"").slice(0,-1) //my requirement is two columns
          + "</td></tr>");
        i++;
        }
        output = "<table>" + output.join("") + "</table>";
        var div = document.getElementById('container');
        div.innerHTML = output;
}

     </script>
  </body>


桌子{
边界塌陷：塌陷；
边框：2个黑色实心；
字体：12px无衬线；
}
运输署{
边框：1px黑色实心；
填充物：5px；
}
$（文档）.ready（函数（）{
$.ajax({
键入：“获取”，
url:“./results.csv”，
成功：函数（数据）{processData（数据）；}
});
});
函数processData（allText）{
var行=[]；
var-tarr=[]；
var-val；
var记录_num=2；
var allTextLines=allText.split（/\r\n |\n/）；
对于（var k=0；k0）{
对于（var j=0；j这是正确的代码
<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
           <style>
              table {
              border-collapse: collapse;
              border: 2px black solid;
              font: 12px sans-serif;
              }
              td {
              border: 1px black solid;
              padding: 5px;

              }
            </style>
     </head>
  <body>
    <div id='container'></div>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>
    <script type="text/javascript" charset="utf-8">

$(document).ready(function() {
   $.ajax({
       type: "GET",
       url: "./results.csv",
       success: function(data) {processData(data);}
    });
});

function processData(allText) {
    var lines = [];
    var tarr = [];
    var val;
    var record_num = 2; 
    var allTextLines = allText.split(/\r\n|\n/);
    for (var k = 0;k < allTextLines.length-1;k++){
          var entries = allTextLines[k].split(',');
          var headings = entries.splice(0,record_num);
          while (headings.length>0) {
             for (var j=0; j<record_num; j++) {
                 val = headings.shift();
                 tarr.push(val);
              }
          }
     }
    var output = [],
        i;
        for (i = 0; i < tarr.length-1; i++){
        output.push("<tr><td>"+ tarr[i].replace('"',"").slice(0,-1) + "</td><td>"+ tarr[i+1].replace('"',"").slice(0,-1) //my requirement is two columns
          + "</td></tr>");
        i++;
        }
        output = "<table>" + output.join("") + "</table>";
        var div = document.getElementById('container');
        div.innerHTML = output;
}

     </script>
  </body>


桌子{
边界塌陷：塌陷；
边框：2个黑色实心；
字体：12px无衬线；
}
运输署{
边框：1px黑色实心；
填充物：5px；
}
$（文档）.ready（函数（）{
$.ajax({
键入：“获取”，
url:“./results.csv”，
成功：函数（数据）{processData（数据）；}
});
});
函数processData（allText）{
var行=[]；
var-tarr=[]；
var-val；
var记录_num=2；
var allTextLines=allText.split（/\r\n |\n/）；
对于（var k=0；k0）{
对于（var j=0；jc首先检查您的控制台是否有错误。我以前回答过类似的问题。这对您有帮助吗？顺便问一下，您是如何在您的chrome中打开此页面的？它的url是什么？很重要。@VinaySingh没有错误。我只是说“导航到”file:///D:/report.html“@blackmiaool我从命令提示符下运行。”C:\ProgramFiles（x86）\Google\Chrome\Application\Chrome.exe”--允许从文件访问文件file:///D:/report.html             网址：file:///D:/report.html@NandhiniNagaraj我尝试了--“允许从文件访问文件”之前，我发现它并不总是有效。如果你不介意的话，你可以尝试我上面发布的答案作为替代。首先检查你的控制台是否有错误。我以前回答过类似的问题。这对你有帮助吗？顺便问一下，你是如何在你的chrome浏览器中打开这个页面的？它的url是什么？这很重要。@VinaySingh没有错误。我只是说“导航到file:///D:/report.html“@blackmiaool”我从命令提示符下运行。“C:\Program Files（x86）\Google\Chrome\Application\Chrome.exe”--允许从文件访问文件file:///D:/report.html             网址：file:///D:/report.html@NandhiniNagaraj我尝试了“--允许从文件访问文件“以前，我发现它并不总是有效的。如果你不介意的话，你可以试试我上面发布的答案。