Javascript 要在下一页上显示的表单输入_Javascript_Php_Html

Javascript 要在下一页上显示的表单输入

javascript php html

Javascript 要在下一页上显示的表单输入,javascript,php,html,Javascript,Php,Html,我试图获取用户在输入框中输入的内容，并在下一页中使用它，这样我就可以使用带有输入值的javascript，但我不知道如何使用。我见过很多人说使用php和服务器端脚本，但我不知道如何设置。我懂php语言 <html> <head> </head> <body> <form method="GET" action="level5.html"> Troops: <input type="text" name="troops" value

我试图获取用户在输入框中输入的内容，并在下一页中使用它，这样我就可以使用带有输入值的javascript，但我不知道如何使用。我见过很多人说使用php和服务器端脚本，但我不知道如何设置。我懂php语言

<html>
<head>
</head>
<body>
<form method="GET" action="level5.html">
Troops: <input type="text" name="troops" value="0">
<input type="submit" value="send">
</body>
</html>


部队：

然后在下一页中，我将尝试获取“您选择了500名士兵”，然后将500作为javascript变量。

您可以使用cookies

 <input type="text" id="name">
<input type="submit" name="Submit" id="button2" value="Submit" onClick="javascript:verify()"/>

稍后，您可以在代码中的任何位置访问它

请参阅以下脚本，该脚本读取url参数（）：

HTTP_GET_VARS=[]；
strGET=document.location.search.substr（1，document.location.search.length）；
如果（目标！=''）{
gArr=sttarget.split（'&'）；
对于（i=0；i1）{
v=vArr[1]；
}
HTTP_GET_VARS[unescape（vArr[0]）]=unescape（v）；
}
}
函数GET（v）{
如果（！HTTP_GET_VARS[v]）{
返回“未定义”；
}
返回HTTP_GET_VARS[v]；
}

HTML

我把两端放在同一个文件里。这将重新加载设置了参数的页面。显然，如果您保持在同一页面上，您可以不需要重新加载即可完成此操作

<!DOCTYPE html>
<html>

  <head>
    <link rel="stylesheet" href="style.css">
    <script src="script.js"></script>
  </head>

  <body>
    <form method="GET" action="index.html">
      Troops: <input type="text" name="troops" value="0">
      <input type="submit" value="send">
    </form>

    <script type="text/javascript">
      document.writeln ('Troops: ' + GET('troops'));
    </script>
  </body>

</html>


部队：
document.writeln（‘军队：’+GET（‘军队’）；

这里有一个尝试的方法

编辑：我更改了plnkr，使其结构与您的问题完全相同，有两个单独的文件

由于您希望在其他几个页面上使用该值，上述简单方法可能会被证明过于有限。因为您必须再次将所有数据发送到下一页。虽然这是绝对可行的，但其他建议的方法之一可能更优雅

DOM存储

如果您使用相当现代的浏览器（IE8+、FF3.5+、C4+），您可以利用

window.sessionStorage.setItem（字段，值）

保存值

window.sessionStorage.getItem（字段）

读取值

window.sessionStorage.removietem（字段）

删除值

window.sessionStorage.clear（）

删除所有内容

还是以同样的方式

localStorage.setItem（字段、值）

localStorage.getItem（字段）

localStorage.removietem（字段）

localStorage.clear（）

sessionStorage

和

localStorage

之间的区别在于sessionStorage仅限于当前浏览器选项卡。localStorage更持久，可以从浏览器中的任何选项卡访问，这取决于浏览器和设置，即使在全新的会话中也是如此

所有内容都将保存为字符串！如果保存一个数字，例如一个整数，则需要在检索后再次对其进行解析（parseInt（））

下面是一个使用sessionStorage的示例

Cookies

Cookie稍微有点复杂，在stackoverflow上我发现了一个链接，链接到这个非常好

下面是一个使用上述quirksmode网站提供的非常直接的脚本的例子

createCookie（字段，值，x）

将值保存到有效期为x天的cookie中

readCookie（字段）

从cookie读取值

请注意，此plnkr中的script.js与第一个plnkr中的脚本不同

为他们在框中键入的内容设置会话。到目前为止，您尝试了什么？如果您想使用php，您是否设置了wamp/xampp（适用于windows）或mamp（适用于mac）？您可以尝试Cookies：只需使用$a=$\u GET['tours']；在level5.html（改为level5.php）中，作为一个服务器端方法确实是一个不错的选择，尤其是在将变量传递到JS时。您的源链接是德语的。我怀疑每个人都能读德语。我知道一些，但不足以理解整个页面。链接仅供参考。我不想让人觉得我是它的作者。我是否能够将GET（'musts'）设置为一个变量，以便以后使用它？当然：

var-tusts=GET（'musts'）。查看本文中的level5.html。然后我可以在下一页中使用该变量吗？或者我必须重新设置它，因为我似乎无法让var部队转到另一个页面，例如level6.html。本质上，我正在尝试设置一个可以在任何页面上访问的变量。
HTTP_GET_VARS = [];

strGET = document.location.search.substr(1, document.location.search.length);

if (strGET !== '') {
  gArr = strGET.split('&');
  for (i = 0; i < gArr.length; ++i) {
    v = '';
    vArr = gArr[i].split('=');
    if (vArr.length > 1) {
      v = vArr[1];
    }
    HTTP_GET_VARS[unescape(vArr[0])] = unescape(v);
  }
}

function GET(v) {
  if (!HTTP_GET_VARS[v]) {
    return 'undefined';
  }
  return HTTP_GET_VARS[v];
}

<!DOCTYPE html>
<html>

  <head>
    <link rel="stylesheet" href="style.css">
    <script src="script.js"></script>
  </head>

  <body>
    <form method="GET" action="index.html">
      Troops: <input type="text" name="troops" value="0">
      <input type="submit" value="send">
    </form>

    <script type="text/javascript">
      document.writeln ('Troops: ' + GET('troops'));
    </script>
  </body>

</html>