簡體   English   中英

在HTML表中顯示文件

[英]Displaying File in HTML table

目前,我正在使用Netbeans創建網頁。 該代碼在下面列出,並且在按下按鈕后,讀取一個csv文件並在表的一行中顯示該文本文件。 CSV文件包含50行數據,並且在每行之間中斷。

我要執行的操作不是將整個文件內容放在一行中,而是將文件的每一行都放在自己的行中。

我對Jquery / Java完全陌生,甚至在可能的情況下或者我是否應該做完全不同的事情時,都不確定如何做到這一點。

我不一定要堅持下面的內容,但是我堅持使用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>

如果我理解正確,這聽起來像您想要這樣:

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

這將換行符替換為html標簽。

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM