返回到具有动态内容的上一个网页

go back to previous webpage with dynamic content

本文关键字：上一个 网页 动态 返回      更新时间：2023-09-26

我开发了两个网页：-具有动态内容的第1页-通过按钮+javascript函数+提交按钮为所有创建的表单添加或删除表单。在表单中成功提交数据后，php文件重定向到第2页：-第2页，带有go-back-to-page-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，但没有任何答案）。

请您提出建议。

您应该只使用一个页面并用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>

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

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

你没有指定所有的"动态"功能，所以我不能告诉你这个过程自动化的最佳方式。对于基本需求，请在谷歌上搜索"populationformsjs"。

相关文章：