阻止a标签跳转，且将a的get提交方式转化为post提交

最新推荐文章于 2024-07-04 15:04:45 发布

發V發

最新推荐文章于 2024-07-04 15:04:45 发布

阅读量3.6k

点赞数

分类专栏：开发中的小知识文章标签：表单 jquery

本文链接：https://blog.youkuaiyun.com/sinat_28978689/article/details/63684472

版权

开发中的小知识专栏收录该内容

11 篇文章

订阅专栏

本文介绍了一个使用jQuery阻止a标签默认行为并触发隐藏表单提交的方法。通过为a标签添加class属性而非id属性，可以有效阻止链接的跳转行为，并通过jQuery选择器和事件绑定实现自定义操作。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

遇到一个超级变态的问题。在jquery中阻止a标签进行跳转，并且利用隐藏form表单进行提交。
竟然神奇的发现利用id属性没有办法阻止其a标签的跳转，只能利用class属性进行阻止。暂时记录。

<!-- 跳转链接，a链接的id属性没有作用，必须利用class属性才能阻止跳转 -->
<td> <a class="deleteemp" href="deleteemp/${employee.id}" >DEETE</a></td>

jquery代码

$(".deleteemp").click(function(){
            alert("deleteemp");
            var href = $(this).attr("href");
            $("form").attr("action",href).submit();
            return false;
        });


form表单
<form action="" method="post">
</form>