Question

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

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

我是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>

Answer 1

如果我理解正确，听起来你想要这个：

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

这将用等效的html标签替换换行符。

在HTML表格中显示文件

1 个答案: