在HTML表格中显示文件

目前我正在使用Netbeans创建一个网页。下面列出了代码，在按下按钮之后，读取一个csv文件并将该文本文件显示在表格的一行中。 CSV文件有50行数据，并在每行之间中断。在HTML表格中显示文件

我想要做的，不是将整个文件内容放在一行中，而是让文件的每一行都在自己的行中。

我完全不熟悉Jquery/Javascript，真的不确定如何做到这一点，如果它甚至可能或我是否应该做一些完全不同的事情。

我不一定需要坚持我下面的内容，但我坚持以Javascript，HTML，jquery或json的方式来做这件事，而这正是我到目前为止所做的工作。

<!DOCTYPE html> 
    <html> 
    <head> 
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 
    <script type="text/javascript" src="js/jquery-1.4.2.js"></script> 
    <script type="text/javascript" src="js/jquery.ui.core.js"></script> 
    <script type="text/javascript" src="js/jquery.ui.widget.js"></script> 
    <script type="text/javascript" src="js/jquery.ui.accordion.js"></script> 

    <script type="text/javascript"> 
    function contentDisp() 
    { 
    $.ajax({ 
    url : "file.csv", 
    success : function (data) { 
    $("#contentArea").html(data); 
    } 
    }); 
    } 
    </script> 

    </head> 
    <body> 
    <table width="100%" border=0> 
    <tr> 
    <td>&nbsp;</td> 
    <td><input type="button" value="View File" onClick="contentDisp();"></td></tr> 
    <tr> 
    <td>&nbsp;</td><td> 
    <textarea id="contentArea" rows="40" cols="60"></textarea></td></tr> 
    </table> 
    </body> 
    </html>

来源

2012-05-31 K Green

如果我理解正确的话听起来像你想的：

$("#contentArea").html(data.replace(/\n/g, '<br />'));

这将替换HTML标记相当于换行。

来源

2012-05-31 16:46:53 Kris

其文本区域。 –

嗨，谢谢你的回复。原样，文件中的数据显示正常。所有行都在彼此之下显示。因此，添加建议的行并不会改变任何内容。我想要做的是改变html表格中的显示内容，以便每行数据都在自己的行中（带边框）。目前该文件的所有行都在一行中丢失。 –

文本区域是问题的一部分，但我已将它留在那里，因为这是我能找到能显示任何内容的唯一方法。所以现在，总比没有好。 –

在HTML表格中显示文件

回答

相关问题