解决jquery使用ajax提交button标签时重复提交了。
浏览数：46 /
时间：2015年06月09日
这几天遇到一个jquery的ajax问题。相关代码是
js为
在chrome下只发送一次请求，但是在firefox下竟然发送了两次，一次是ajax一次是正常的post。
最后到网上查了下资料。原来firefox将button标签视为input，上述代码的效果相当于如下：
运行的效果就是ajax数据之后,浏览器的submit又post了一次从而阻塞了ajax的请求。导致ajax收不到返回的数据。
解决办法：
将button标签干脆改成input type属性改成button，不能用submit属性。
代码如下
<form action="xxx" method="post"> <button type="submit" class="tijiao">提交</button> </form>
js为
$(".tijiao").click(function(){
$.post(xxx, $('.alert-form').serialize(), function(result){})
})在chrome下只发送一次请求，但是在firefox下竟然发送了两次，一次是ajax一次是正常的post。
最后到网上查了下资料。原来firefox将button标签视为input，上述代码的效果相当于如下：
<form action="xxx" method="post"> <input type="submit" class="tijiao" value="提交"/> </form>
运行的效果就是ajax数据之后,浏览器的submit又post了一次从而阻塞了ajax的请求。导致ajax收不到返回的数据。
解决办法：
将button标签干脆改成input type属性改成button，不能用submit属性。
代码如下
<form action="xxx" method="post"> <input type="button" class="tijiao" value="提交"/> </form>
郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。
