Javascript 使用输入返回上一页_Javascript_Jquery_Html_Ajax

Javascript 使用输入返回上一页

javascript jquery html ajax

Javascript 使用输入返回上一页,javascript,jquery,html,ajax,Javascript,Jquery,Html,Ajax,真的不确定标题问题。请随意提出建议。：）嗨，伙计们！我创建了一个非常简单的代码，它将代表我的web 这是我的主页： <html> <script type="text/javascript"> function getPage(linkPage,variables,divName){ $.get(linkPage + "?" + variables,function(data){$(divName).html(data);});

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

嗨，伙计们！我创建了一个非常简单的代码，它将代表我的web

这是我的主页：

<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>


函数getPage（linkPage、变量、divName）{
$.get（linkPage+“？”+变量，函数（数据）{$（divName）.html（数据）；}）；
}
函数show（）{
//函数名（“路径”、“数据”、“idName”）；
getPage（“AjaxPages/hi.php”，“容器”）；
}
名字

基本上，它要求提供信息，例如姓名。单击NEXT按钮时，它将调用一个javascript函数，该函数将调用某个页面或下一个页面，该页面将使用Id容器加载到div上

下一页

在下一页，它会问另一个问题，比如姓。但是，我想回到上一页进行同样的更改

代码如下：

<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>


函数show（）{
ajaxgetdata（“index.php”，“容器1”）；
}
姓
要在上一页上进行哪些更改？

单击“后退”按钮时，它将只调用上一页，但不包括您在文本框中输入的文本

我知道这会发生，因为它只是调用页面

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

：）：（：'（：/：|

不要加载任何附加页面。使用AJAX完成所有操作
如果您不想，一些服务器端脚本可能会有所帮助：D

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

这里有一个很好的例子：

你可以这样做：

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

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

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

希望能有所帮助。

你需要以某种方式保存表单数据。你尝试过什么？为什么要制作不同的页面？这可以用一个小幻灯片轻松完成。还没有@pmandell。我该怎么做？@QKWS我指的是一个循序渐进的表单，类似于@QKWS，如果是循序渐进的表单，为什么不在客户端进行呢？我是ean通过隐藏和显示一些div，但始终在同一URL中，并使用hashtags处理浏览历史（后退按钮）？类似于www.foo.com/bar#step1、www.foo.com/bar#step2、www.foo.com/bar#step3，通过javascript，您可以在任何时候使用特定的hashtag来填充表单谢谢。但这不仅仅是名字，这只是一个示例。它将有很多输入。简单，只需使用数组：）并存储所有需要的输入或文字对象（不要使用关联数组）要一直发送所有数据，至少你计划像维基百科一样发送数据。你甚至可以在字段的模糊事件中循环表单并存储所有值，以实现自动数据挖掘过程。或者，如果数据不是那么重要，你可以尝试通过get而不是post发送数据，然后再次读取，但我不建议这样做，t这里有很多注入风险。所有内容都在一个页面上？@QKWS是的，我认为这样会更好。客户端更平滑，服务器端代码更少，一个PHP脚本文件可以处理一个任务。