html - 如何从 html 获取表单数据值并显示在其他 html 页面上

Question

我正在处理带有输入栏的 html 页面。如何从这个页面获取表单数据到另一个带有 iframe 的 html 页面？因为我需要嵌入来自其他网站的搜索结果，但我想在我的网站新页面上显示。我只是猜应该使用iframe。但我不知道如何获取数据并添加到页面地址字段中。

标签： htmlforms

Answer 1

您在这里有几个选择：

1) 如果您的表单使用 GET 方法，那么表单中的所有文本数据都将传递到 URL 中的下一页（设置为表单的“动作”属性）（如 www.example.com/?name =约翰&姓=Doe）。之后，您可以使用此 StackOverflow 问题中的代码从该 URL 中提取数据，并使用 Javascript 将其放入 HTML 元素中，就像在此处完成的一样

2) 无论您使用什么服务器语言，您都可以从那里获取查询变量并将它们放到页面中，然后再将其发送到客户端。如果是 PHP，请查看此示例。注意：不要忘记安全性。

3）您可以将文本临时存储在浏览器的localStorage API中。只需在提交表单之前设置值，然后在下一页获取它。

iFrame 效率低下，此处不需要。