Question

真的不确定标题问题。随意建议。：）

你好！我创建了一个非常简单的代码，代表我的网站。

这是我的主页：

<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容器在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>

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

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

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

:) :(：'（：/：|

Answer 1

不要加载任何其他页面。用AJAX做一切。
如果您不想要，可以使用某些服务器端脚本：D

Answer 2

如果您可以在您的网站中使用HTML5，您可以查看历史API，该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;
});

每次返回或转发时都会触发，你可以用你需要的信息组织一些函数或数组。

希望它有所帮助。

使用输入返回上一页

2 个答案: