2017-08-27 122 views
0

我的英语不够好,所以我希望你明白我的问题形式获取数据...如何从另一个页面(JavaScript的)

我有一个网页,“A”与形式。当我点击Submit时,我希望它打开/重定向到'B'页面,并且我想在页面'B'上显示'A'页面中的表单数据...我想用JavaScript来做到这一点,而不是与jQuery左右。我试过window.opener或类似的东西......接下来,显示示例代码。

页 'A':

<html> 
    <head> 
    </head> 
    <body> 
     <form method="post" name="form1" id="form1"> 
      <input type="text" name="field1"> 
      <input type="submit" name="submit" onclick="window.open('show.html');"> 
     </form> 
    </body> 
</html> 

页 'B':

<html> 
    <head> 
    </head> 
    <body> 
     <script> 
      var x = opener.document.forms["form1"]["field1"].value; 
    document.write(x); 
     </script> 
    </body> 
</html> 

这真的很重要页 'B' 可以从页面 'A' 的形式显示数据。我不能使用PHP或其他技术...:/

我希望你明白我在问什么。谢谢!

**(至少对我来说)UPDATE

的解决方案是本地存储,如萨加尔哈尼族指示。无论如何,感谢回答的人!

+0

为什么'javascript' ??为什么不使用'post'? – Ravi

+1

[如何使用JavaScript读取发布请求参数](https://stackoverflow.com/questions/1409013/how-to-read-the-post-request-parameters-using-javascript)可能的副本 – iceDragon

+0

您可以存储本地/会话存储中的表单数据对象,并在下一页中访问它。 –

回答

0

不能是PHP?使用PHP,您还可以将信息发送到页面B并向用户显示所有信息。事实上,更方便用户使用,因为它是一个服务器端过程。

+0

我知道! PHP对这些东西超级友好,但是,我必须使用JavaScript,我的工程老师希望它成为JS ... –

+0

好吧,我不是JavaScript专家,但我认为最好的方法是存储表单输入作为页面A中提交操作后的cookie,并在页面B中获取cookie。我不认为JavaScript可以在没有将信息存储在用户浏览器中的情况下完成这些操作。但是,就像我说的,我不是一个JavaScript专家。 如何设置cookie?这很容易: https://stackoverflow.com/questions/14573223/set-cookie-and-get-cookie-with-javascript 如果我有帮助,请竖起大拇指 –

1
  • 决不可以得到POST从客户端数据(使用JavaScript或任何其他客户端语言)
  • 您必须使用服务器端语言来获取数据后(如PHP,的NodeJS)。
  • 但你可以简单地得到GET从客户端(JavaScript)的数据。

以下是您需要的确切解决方案。

页 'A'(a.html)

<html> 
     <head> 
     </head> 
     <body> 
      <form action="b.html" method="get" name="form1" id="form1"> 
       <input type="text" name="field1"> 
       <input type="submit" name="submit"> 
      </form> 
     </body> 
    </html> 

页 'B'(b.html)

<script> 

alert(findGetParameter("field1")) 

function findGetParameter(parameterName) { 
    var result = null, 
     tmp = []; 
    location.search 
     .substr(1) 
     .split("&") 
     .forEach(function (item) { 
      tmp = item.split("="); 
      if (tmp[0] === parameterName) result = decodeURIComponent(tmp[1]); 
     }); 
    return result; 
} 

</script> 
相关问题