JavaScript 实现 POST 方式传递隐藏参数
作者:窗边听雨时间:2026-10-27 09:48:11浏览:329
本文介绍如何利用 JavaScript 动态修改 HTML 隐藏输入框的值,并通过表单的 POST 方法提交数据。通过示例代码展示了如何绑定点击事件、赋值给隐藏字段并触发 submit 操作,适用于需要避免 URL 参数暴露或传递较多数据的场景。
JavaScript 实现 POST 方式传递隐藏参数
具体实现代码如下:
首先定义一个表单,指定表单名称为 form1222,提交地址为 list.aspx,提交方法为 post:
在表单内部添加一个隐藏类型的输入框,设置其 id 和 name 均为 mid,初始 value 为空:
闭合表单标签。
接着编写 JavaScript 函数 forwardTo,接收参数 rid。在函数内部,首先获取 id 为 mid 的元素,并将传入的 rid 值赋给该隐藏字段的 value 属性。随后调用 document.form1222.submit() 方法提交整个表单。注释部分显示了如何调试查看当前隐藏字段的值。
最后,在页面中创建两个链接,分别通过 onclick 事件调用 forwardTo 函数,并传入不同的参数(如 55 和 080110),点击链接即可触发上述的 POST 提交过程。作者最新文章
anime.js 快速入门:怎么引入库并编写第一个 DOM 动画
2026-11-05 14:22:43
在线JS解密后变量名仍乱码?结合浏览器DevTools调试还原
2026-11-04 20:26:01
怎么在浏览器中运行JavaScript代码并查看输出结果
2026-11-04 09:07:33
JS 获取屏幕分辨率:window.screen.width 与 height 用法
2026-11-04 08:52:48
为什么推荐用DOMContentLoaded代替window.onload初始化JS
2026-11-04 08:42:33
