仅使用 JavaScript 而不使用 PHP 的 HTML 表单条目到 Html 页面？答案

【问题标题】：HTML form entries to Html Page using JavaScript only and Not using PHP?仅使用 JavaScript 而不使用 PHP 的 HTML 表单条目到 Html 页面？
【发布时间】：2015-05-26 08:52:18
【问题描述】：

您好，我是这个主题的新手，我有一个 HTML 表单，我需要在用户单击提交按钮后在另一个页面中显示表单字段值。如何仅使用 "GET" 或 "POST" 方法使用 HTML 和 JavaScript 来做到这一点？

我知道如何使用 PHP 做到这一点

所以请帮我在不使用 PHP 的情况下解决问题

【问题讨论】：

我想您想在不导航到其他页面的情况下这样做？如果是这样，请查找ajax。
下面的许多答案都使用 GET 参数，但您也可以使用 cookie 或浏览器存储。如果 URL 对 SEO 不重要，我会使用 DOM Storage。这样您就可以在多个页面、多个会话中使用数据，URL 并不难看，等等。
谢谢，但我想导航到其他页面。我正在使用 GET 方法，但无法打印值

标签： javascript jquery html forms

【解决方案1】：

您可以在表单上使用 get 方法，然后在您的第二个页面中使用 javascript 从 get 请求中读取数据，或者您也可以使用 javascript 发送数据。

用于发送数据的简单 html 表单：

<form action="yourpage.html" method="get" ">
  <input type="text"  id="name" name="name"> 
  <input type="submit" value="Submit">
 </form>

html表单+Javascript发送数据：

<form id="form" name="form"  onsubmit="sendForm()"> 
  <input type="text"  id="name" name="name"> 
  <input type="submit" value="Submit">
</form>


function sendForm()
{
    var name = document.forms["form"]["name"].value;
    window.location = "yourpage.html?name="+name;
}

然后在 yourpage.html 上读取查询字符串值。对于读取的查询字符串值，请使用：How can I get query string values in JavaScript?

【讨论】：

谢谢。当以当前表单提交时，我想使用 GET 或 POST 方法在下一页显示值
我的回答是将数据作为获取请求发送。我还更新了答案，因为您也可以在不使用 javascript 函数的情况下发送数据。

【解决方案2】：

您必须读取 html1.html 中的字段值并在查询字符串中创建一个带有附加字段值的新 url，如下所示。使用 window.location.href 调用带有这些新参数的第二页。

    var name = "Peter";
    var age = 22;

    var newUrl = "http://siteToPostTo.com/html2.html" + "?";
    newUrl += "name=" + name;
    newUrl += "&age=" + age;
    window.location.href = newUrl;

How can I get query string values in JavaScript?

【讨论】：

【解决方案3】：

你可以用JavaScript读取URL的参数（你必须使用GET），看看这个问题：

Read URL Parameter

之后，您可以选择文档中的节点并将文本添加到它们。我从来没有这样做过；你应该使用php，它更容易。

【讨论】：

谢谢，我知道使用 PHP 更容易。我只需要在 javascript 中完成