1

真的不确定标题问题。随意建议。:)

嗨，大家好！我创建了一个非常简单的代码，它将代表我的网络。

这是我的主页：

<html>
   <script type="text/javascript">
    function getPage(linkPage,variables,divName){
    $.get(linkPage + "?" + variables,function(data){$(divName).html(data);});
                }

    function show(){
              //functionName("path","data","idName");
               getPage("AjaxPages/hi.php","","#container");
            }
    </script>
    <body>
    <div id="container">
          First Name<input type="text" />
        <input type="button" value="next" onClick="show();"/>
    </div>
</body>
</html>

基本上，它会询问信息，例如姓名。当单击 NEXT 按钮时，它将调用一个 javascript 函数，该函数将调用某个页面或将在具有 Id Container 的 div 上加载的 NEXT PAGE。

下一页

在下一页上，它将询问另一个问题，例如姓氏。但是，我想回到上一页进行相同的更改。

这是代码：

<script type="text/javascript">
        function show(){
            ajaxgetdata("index.php","","#container1");
    }
</script>
<div id="container">
Last Name<input type="text" />
what to make changes on the previous page?<input type="button" value="back" onClick="show();"/>
</div>

单击返回按钮时，它只会调用上一页，但不会包含您在文本框中输入的文本。

我知道它发生是因为它只是调用页面..

有办法吗？当点击后退按钮时，它将重新加载前一页，包括所有内容/输入。

:) :( :'( :/ :|

4

2 回答 2

0
  • 不要加载任何其他页面。用 AJAX 做所有事情。
  • 如果您不想要，一些服务器端脚本可能会有所帮助：D
于 2013-07-18T14:04:17.547 回答
0

如果您可以在您的站点中使用 HTML5，您可以查看 History API，它可以处理导航并触发“popstate”事件，您可以向该事件传递数据。

这里有一个很好的例子：

http://diveintohtml5.info/history.html

你可以这样做：

window.addEventListener("popstate", function(e) {
    if(!e.state || !e.state.firstName) {
        return;
    }

    document.getElementById('firstName').value = e.state.firstName;
});

这甚至会在您每次返回或前进时触发，您可以使用您需要的信息组织一些函数或数组。

希望能帮助到你。

于 2013-07-18T14:08:26.250 回答