[英]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> </td>
<td><input type="button" value="View File" onClick="contentDisp();"></td></tr>
<tr>
<td> </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.