不要把<a href="">当作按钮用

weixin_30718391

于 2014-03-24 20:18:00 发布

阅读量52

点赞数

CC 4.0 BY-SA版权

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/qrlozte/p/3621738.html

本文介绍了一种使用jQuery实现点击超链接提交表单的方法，并讨论了解决点击超链接导致页面刷新的问题。通过将<ahref>替换为<inputtype=button/>或修改其href属性，确保了表单能够正常提交。

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

代码如下：

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js">
</script>
<script>
$(document).ready(function(){
  $("#list").click(function(){
    $("#fm").submit();
  });
});
</script>

    <a href="" id="list">显示</a>
    <form action="/show.do" method="post" id="fm">
        <input type="hidden" name="action" value="list"/>
    </form>

这里我本意是利用id为list的超链接，点击之后就提交表单，但是问题是<a href="">点击之后就刷新页面了，所以表单并没有提交！！！

因为我在Action中利用request接收参数，所以可以改成如下：<a>改为<input type="button"/>或者直接：<a href="/show.do?action=list">因为我在Action中使用的request接收参数，当参数action的值为list的时候就执行查询和显示操作

转载于:https://www.cnblogs.com/qrlozte/p/3621738.html