我需要将表单数据从一个HTML页面传递到另一个HTML页面。总共有5页。用户按以下顺序输入数据:
第一页:名称
第2页:重量
第3页:高度
第4页:出生国
第5页:显示输入的所有数据,并根据ajax请求将其发送到数据库。
我知道我可以在一个表单中获取用户数据,并且不需要多个页面,但是这个需求对于我的项目来说是独一无二的,而且它必须是上面提到的方式。我尝试将数据作为URL参数传递,但是在第一个页面之后,变量会被第二个页面的变量覆盖。请帮助我是新的HTML和js。
发布于 2020-01-30 07:18:52
sessionStorage和本地存储都可以工作。你可以根据你的要求选择任何一个。
sessionStorage,示例:
sessionStorage.setItem('name', 'my name');
let data = sessionStorage.getItem('name');
sessionStorage.removeItem('name');
sessionStorage.clear();localStorage:示例:
save data: localStorage.setItem('Name', 'My name');
get data : localStorage.getItem('Name');
remove data from local : localStorage.removeItem('Name');我希望这会对你有帮助
发布于 2020-01-30 07:19:14
您有可用的代码显示吗?就目前情况而言,这可能不是一个可以回答的问题。但是,通常您可以将来自一个页面的值存储在<input type="hidden"> html标记中,并在下一次调用中使用该值。最后,您可以在js中通过XMLHttpRequest()发出ajax请求,但是需要像PHP或Python这样的后端脚本来处理与数据库的通信。下面是一个我可以尝试的例子,假设您将表单数据发送到下面的假设页面:
<form action="height.html" method="GET">
<input hidden="text" name="valuetopass" />
<input type="submit" value="Submit" />
</form>然后您可以添加这样的javascript:
var data = window.location.search; // You have parse after this point数据现在将包含一个字符串,其中包含您的url,其中附加了上一个表单中的值,您需要解析它才能使只这个值,然后可以使用该值通过调用document.getElementsByName("valuetopasss");来设置下一个隐藏输入值。
发布于 2020-01-30 07:20:40
HTML本质上是无状态的,这意味着对一个页面的每一个文件访问都是一个新世界。要传递数据,可以在URL中对数据进行编码,或者需要在页面之间存储数据的后端。
另一种方法是一些浏览器会话存储。如果您讨论的是单个页面应用程序,则可以将JavaScript与保存信息的对象一起使用。
https://stackoverflow.com/questions/59980695
复制相似问题