如何将数据传递到其他页面并提交表单？答案

【问题标题】：How to pass data to other page and submit form?如何将数据传递到其他页面并提交表单？
【发布时间】：2019-10-04 16:13:44
【问题描述】：

我有两个页面/search和/form，第一页有一个简单的搜索表单

<form class="example1">
  <input type="text" placeholder="Search.." name="search">
  <button type="submit"><i class="fa fa-search"></i></button>
</form>

在第二页我有一个表格

<form class="example2">
  <input type="text" placeholder="Searchterm" name="search">
<input type="date" id="start" name="trip-start">
  <button type="submit">Submit</button>
</form>

是否可以使用 AJAX 请求在第一页上添加点击事件，当用户编写搜索词并单击搜索按钮时，给定的搜索词将传递到第二页并提交表单？

【问题讨论】：

为什么你不把两个表单放在一个页面中，当按钮点击时显示第二个表单？但是，您可以将第一种形式的数据存储在本地存储中并在另一个页面中使用它们。

标签： jquery ajax forms

【解决方案1】：

如果你想通过第一个动作提交第二个表单，你应该使用socket.io。因为 http 是无状态的并且没有套接字连接，服务器无法通知第二个页面第一个表单已提交（也没有表单数据）。通过node.js 和socket.io 可以轻松建立套接字连接。参考：https://socket.io/docs/

【讨论】：