1

我开发了 2 个网页： - 包含动态内容的第 1 页 - 通过按钮 + javascript 功能添加或删除表单 + 为所有创建的表单提交按钮。成功提交表单中的数据后，php 文件将重定向到第 2 页： - 第 2 页带有返回到第 1 页按钮（使用 window.history.go(-1) javascript 函数）

当从第 2 页返回到第 1 页时，动态创建的表单似乎丢失了（例如，查看了没有动态内容的原始第 1 页），这并不意味着发生。

返回第1页时如何保留表格？（我在https://stackoverflow.com/questions/17220024/back-button-for-dynamic-textbox-generation-page-in-php-using-sesison注意到一个类似的问题，但没有任何答案）。

请提出您的建议。

4

2 回答 2

1

您应该只使用一页并在 ajax 中处理您的数据。第 1 页 = 一个 div 和第 2 页 = 另一个 div 播放属性显示（如果需要，可以生效）

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
<div id="page1">
page 1
<form>
    <input type="text" id="txt1"><br>
    <button onclick="savePage1();" type="button">Page 2 ></button>
</form>
</div>
<div id="page2" style="display:none;">
page 2

<button onclick="backPage1();" type="button">< Page 1</button>
</div>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
<script>
function savePage1() {
    // php processing
    /*$.ajax({
      url: "/savePage1.php",
      data: {
        data1: $('#txt1').val()
      },
      success: function( data ) {
        // ...
      }
    });*/

    // insert code into success
    $('#page1').hide();
    $('#page2').show();
}
function backPage1() {  
    $('#page2').hide();
    $('#page1').show();
}
</script>
</body>
</html>
于 2013-07-04T10:06:44.723 回答
0

当然，如果您没有进行恢复功能，则在重新加载页面（或用户将从页面移动并返回）时，动态内容（或动态进行的任何更改）将丢失。事实上，如果页面刚刚刷新，一些浏览器可以保存表单输入的内容，但你绝对不应该依赖这个。

因此，要恢复动态更改，您必须创建自己的处理程序。只需保存会话提交的内容并用数据填写第 1 页。

您没有指定所有“动态”功能，因此我无法告诉您该过程自动化的最佳方式。对于“人口表格js”的基本需求谷歌。

于 2013-07-05T12:01:09.637 回答