Question

您好我只是想知道如何将数据保存到另一个页面。到目前为止，我发现我需要一个表单来发送它，这是一个例子：

HTML：

<form action="Result.html" method="get">
<textarea id="test" autofocus></textarea>
<p id="demo"></p>
<button onclick="myFunction()"></button>
</form>

jQuery的：

function myFunction() {
   var x = document.getElementById("test").value;
   document.getElementById("demo").innerHTML = x;
}

这个我正在使用它的文件叫做Exercise1.html，我不知道它是否有帮助，但以防万一。我知道HTML，CSS，jQuery和Javscript所以我更喜欢

Answer 1

因为加载新页面会导致JavaScript和HTML被销毁，所以无法在没有额外工作的情况下保留页面加载之间的值。基本上有三种选择。

服务器脚本

当表单将数据发送到正在运行的服务器时，服务器可以获取该值并将其注入下一页。由于这是一个JavaScript问题，我将假设这超出了问题的范围。

Cookies / localStorage

每个页面都可以在页面加载时查找持久存储的形式并填充值。通常，您可以将数据保存到localStorage或可能是cookie。然后在页面加载时，JavaScript应该从存储加载值并根据需要填充。

单页应用

对于单页应用程序，值将在内存中并且您操纵DOM以交换视图有许多框架提供路由以使其看起来像新页面即使它仍然是同一页面。然后你可以用这种方式填充值。

要详细解释所有选项将只是一个答案，应搜索并要求更具体的细节。

Answer 2

在exercise1.html中：

<form id="form1" action="result.html" method="get">
    <textarea id="aboutme" name="aboutme" rows="10" cols="30"></textarea>
    <input type="submit" class="bottom" name="submit" id="submit" value="Sign up" >
</form>

在result.html中：

<script>
var queryString = decodeURIComponent(window.location.search);
queryString = queryString.substring(1);
var queries = queryString.split("&");
for (var i = 0; i < queries.length; i++)
{
    var query = queries[i].split("=");
    document.write(query[1] + "<br>");
}
</script>

Answer 3

如果您希望将自己的价值保留在网页上的其他网页上，可以将这些值放入Cookie：

// This saves your value
function saveField(){
    value = $('#test').val();
    document.cookie['myValue'] = value;
}

// This gets your value back on other pages
function loadField(){
    return document.cookie['myValue'];
}

有关Cookie如何工作的更多信息here

Answer 4

嗨，我只是想说，如果有其他人感兴趣的话，我发现了另一种显示按键的方法。

使用Javascript：

document.onkeypress = function(e) {
   e = e || window.event;
   var charCode = e.charCode || e.keyCode,
   character = String.fromCharCode(charCode);
   console.log(charCode);

   if(e.charCode == 98 || e.keyCode == 98) {
      document.write("B = " + charCode + "<br>");
   } else if(e.charcode == 114 || e.keyCode == 114) {
      document.write("R = " + charCode + "<br>");
   }
};

因此，当您按B或R时，它会显示keyCode或charCode，并且它可以在Chrome，Explorer和Firefox中运行（但它在Firefox中有点慢，但它有效）。

在textarea中发送值

4 个答案:

服务器脚本

Cookies / localStorage

单页应用