jquery - 使用 jQuery 动态创建的标签在我的表单发布后消失

Question

我的页面使用 jQuery 动态创建行，但是当我刷新表单时，这些行就消失了。

如何在 MVC 中保留 jquery 动态创建的控件？

这是一个主详细信息页面，我正在创建一个帐单详细信息页面。详细信息有一个按钮，当您单击它时，将显示一个对话框，询问详细信息。单击对话框上的“确定”后，我将使用 Jquery 在详细信息表上添加新的详细信息。问题是当您刷新页面时，动态创建的行就会消失。

Answer 1

互联网是无状态的

由于互联网的无状态性质，在页面重新加载之间不会自动记住在客户端使用 JavaScript 完成的任何操作。通过邮寄提交表单将导致页面重新加载，因此客户端更改会被忘记。为了记住所做的更改，开发人员需要专门编写存储方法。

Ajax

由于您已经使用 JavaScript，特别是 jQuery，ajax调用可用于通知服务器客户端所做的更改。

jQuery 有一个出色的 AJAX library 。多个教程可在 jQuery tutorials page 获取。 。还有很多web pages devoted to the subject .

使用 jQuery 的 Ajax 示例

作为一个简单的示例，当您添加额外的行时，您可以调用 ajax 函数，例如:

$.ajax({
  url: 'ajax/add_row.html?user_id=100&data=new-data',
  success: function(data) {
    alert('Adding of the row was acknowledged.');
  }
});

服务器端

在服务器端，您只需要一个位于 ajax/add_row.html 的页面来完成一些工作，获取传递给它的数据并将其添加到数据库中。在下一个页面重新加载时，添加的数据可以照常放置到页面上。

实际上，如果您的数据比这更复杂，那么通过 post 方法将数据发送到脚本可能会更好。