Javascript 在HTML表中显示文件
目前我正在使用Netbeans创建一个网页。下面列出了代码，按下按钮后，读取csv文件并在表格的一行中显示文本文件。CSV文件有50行数据，每行之间有分隔符 我想做的是，而不是将整个文件内容放在一行中，因为文件的每一行都在自己的行中 我对Jquery/Javascript完全陌生，真的不知道如何做到这一点，如果可能的话，或者我是否应该做一些完全不同的事情 我不一定要坚持下面的内容，但我坚持用Javascript、HTML、jquery或json来实现这一点，而这正是我迄今为止提出的行之有效的方法Javascript 在HTML表中显示文件,javascript,jquery,netbeans,html-table,Javascript,Jquery,Netbeans,Html Table,目前我正在使用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> </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>
函数contentDisp（）
{
$.ajax({
url:“file.csv”，
成功：功能（数据）{
$（“#contentArea”）.html（数据）；
}
});
}
$("#contentArea").html(data.replace(/\n/g, '<br />'));
$（“#contentArea”）.html（data.replace（/\n/g，“
”）；
这将用html标记替换换行符。您好，谢谢您的回复。按原样，文件中的数据显示良好。所有线条都显示在彼此下方。因此，添加您推荐的行不会改变任何事情。我要做的是更改html表中的显示，使每行数据都位于自己的行中（带边框）。目前，文件的所有行都在一行中显示。文本区域是问题的一部分，但我把它留在了那里，因为这是我能找到的唯一可以显示任何内容的方法。所以现在，总比什么都没有好。我假设这是按照OP的代码被放到HTML中的，不管显示的是什么HTML。听起来您真正想要的是使用JavaScript动态生成一个表。如果是这样的话，看看用jQuery创建HTML元素，在换行符上拆分，每一行都被转储到一个新的表行中。