点击超链接在地址栏中隐藏参数

最新推荐文章于 2022-07-07 18:54:02 发布

原创最新推荐文章于 2022-07-07 18:54:02 发布 · 2.9k 阅读

2 ·

CC 4.0 BY-SA版权

本文介绍了一种通过点击超链接触发隐藏表单提交的方法，该方法可在前后端开发中使用，实现页面间的数据传递，无需页面刷新即可提交数据。

实现方法：提交隐藏表单

假设有a、b两个页面，a里面有超链接点击跳转到b页面，以下为实现代码：

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
    <form id="form" action="b.html" method="post" style="display: none">
        <input name = "a" value="1">
        <input name = "c" value="2">
    </form>
    <a href="#" onclick="document.getElementById('form').submit();">click me</a>
</body>
</html>

由此观之：action指向一个路径，可以是页面，若是页面则会跳转，也可是servlet，则会返回响应；