使用jQuery将行添加到表中，但添加的行会随着浏览器刷新而消失

我使用jQuery向html表中添加了行，但是当我刷新浏览器时，这些行消失了。我怎样才能让这些行保持不变

<TABLE id="dataTable" width="100%" align="center">
    <TR align="center" border="1">
        <TH></TH>
        <TH>ID </TH>
        <TH>Name</TH>
        <TH>Status</TH>
    </TR>
    <TR align="center">
        <TD><INPUT type="checkbox" name="chk"/></TD>
        <TD> 1 </TD>
        <TD> <INPUT type="text" value="Submission 1" /> </TD>
        <TD>Working version</TD>
    </TR>
</TABLE>

<script type="text/javascript">

$(document).ready(function(){
$('#createNew').click(function() {
    var table = document.getElementById('dataTable');

    var rowCount = table.rows.length;

    $('#dataTable tr:last').after('<TR align="center"><TD><INPUT type="checkbox" name="chk"/></TD><TD>'+ rowCount + '</TD><TD> <INPUT type="text" value="Submission 1" />   </TD><TD>Working version</TD></TR>');

身份证件
名称
地位
1.
工作版本
$（文档）.ready（函数（）{
$（'#createNew'）。单击（函数（）{
var table=document.getElementById（'dataTable'）；
var rowCount=table.rows.length；
$（'#dataTable tr:last'）。在（''+rowCount+'工作版本'）之后；

仅使用jQuery，您无法使用

例如，您需要将更改保存到数据库中

---

编辑：或者你可以使用php、$\u会话、$\u COOKIE……我不知道，你有很多方法，但不仅仅是使用jQuery。

这将取决于你从哪里获取数据来创建表。如果你从数据库中检索数据并将其粘贴到tablem中，你需要将数据插入数据库中通过进行ajax回调来使用jquery

---

请参见

您可以使用

.data

函数将数据绑定到表中，然后尽可能多地复制它？？？

.data

防止数据内存泄漏您可以在

api.jquery.com

上进行检查这只是一个建议，但您可以尝试将新行存储在cookie中，如下所示：

这样，在页面刷新后，您将返回行（当然，当再次加载页面时，您需要读取cookie并添加行）

但最好的解决方案是使用服务器端代码将新行存储到数据库中，并在每次刷新页面时加载新行，这样，访问该页面的每个人都可以看到新记录（或者，如果要添加用户标识，则只有特定用户可以看到新记录，但这不符合您的问题）

---

查看@Kell answer的文章，这很容易实现：）

每次请求页面时，html都会从文件中呈现出来-如果您想保存更改，需要将更改存储在某个位置并在加载时显示…您是否使用服务器端语言？您需要以某种方式记录行的创建（例如

），然后在页面显示时重新创建行。是否使用服务器端编码？