如何创建一个简单的表单并将其中一个字段传递给另一个页面中的脚本答案

【问题标题】：How to create a simple form and pass one of its fields to a script in another page如何创建一个简单的表单并将其中一个字段传递给另一个页面中的脚本
【发布时间】：2019-10-21 19:16:35
【问题描述】：

我需要使用一个名为AffiniBox 的插件，我将把它集成到移动应用程序中（显示为网页）。为了验证用户登录，我必须创建一个包含几个字段的表单，其中一个是电子邮件。本质上，我必须将电子邮件字段的内容作为 ID 传递给另一个页面中的脚本。

然后其他页面中的脚本将获取电子邮件并自行加载。

我认为可以使用简单的表单字段，例如“表单操作”和“输入类型”，但我不知道如何将这些数据发送到另一个页面。

这是他们发送给我的代码。 "data-email={{EMAIL}}" 为上一页表单填写的字段id。

<div id="afbx-root" data-club="dridi" data-email="{{EMAIL}}"></div>
<script src="https://plugin.affinibox.com.br"></script>
<style>

.jss224 {
    height: auto !important;
}

.jss229 {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
}

</style>

根据他们的说法，如果没有插入电子邮件或者它是无效条目，则页面应该重新加载到上一个。

【问题讨论】：

第一句话中的超链接“AffiniBox”不起作用。

标签： javascript html css forms

【解决方案1】：

你的意思是用电子邮件重定向到另一个页面吗？

document.location.href = 'http://example.com?email=email@email.uk';

或者你想发送一个表格？

第一次使用表单将数据发送到另一个页面：这里对你命名输入很重要，因为它将是你将在另一个页面上使用的名称

<form action="http://example.com/" method="POST">
<input type="email" name="data-email" value="email@email.en">
</form>

在 another_page.php 上：

你收到一个 POSTed 数据：

$email = $_POST['data-email'];

你可以像这样使用javascript：

let email = <?php echo $email; ?> ;

所以你已经让你用 POST 发送价值的电子邮件

【讨论】：

我想发送一个表格。第一页应该有一个带有电子邮件字段的简单表单。用户将键入他的电子邮件，并在提交后被重定向到第二个页面，该页面将运行该脚本。 data-email={{EMAIL}} id 应由在上一页中键入的电子邮件表单定义。
好的，所以如果你使用上面的表格，在发送表格后你将发送一个 data-email=youremail ，你将使用这些数据重定向到你在表格中设置为 ACTION 的页面 // / 如果您需要 URL 中的电子邮件，请使用 GET 方法而不是 POST
在这种情况下，我应该如何编辑我的脚本代码？ data-email={{EMAIL}} 是一个 id，我应该如何格式化这个 id 代码来接收上一页的表单？它应该与表格中设置的名称相同吗？我试过了，但它不起作用。
是的，您应该使用上一页中的数据电子邮件名称 // 但您不能使用 javascript（因为它是客户端语言）这样做，您需要使用 PHP 或其他服务器端语言接收 POSTed 数据，使用 PHP 你会收到这样的 $email = $_POST['data-email'];你可以使用 $email 变量 /// 如果你使用 PHP，你可以接收这些数据并将它们放入 js 变量中，如下所示： var my_javascript_variable = ;
脚本本身是用javascript编写的。如何将使用 PHP 收到的 POST 数据传递给 javascript data-email id？