解决jquery使用ajax提交button标签时重复提交了。
来源:互联网 发布:济源知乎 编辑:程序博客网 时间:2024/06/06 16:13
这几天遇到一个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>
0 0
- 解决jquery使用ajax提交button标签时重复提交了。
- 防止jquery ajax 重复提交
- jquery ajax防重复提交
- jquery.validate不使用submit提交,而是使用button按钮提交,以及使用ajax验证用户名
- 防止button重复提交
- 防止button重复提交
- jquery 防止ajax 重复提交 简单方法
- jquery 防止ajax 重复提交 简单方法
- jquery使用ajax提交表单
- 使用jQuery ajax提交表单
- Jquery使用ajax提交文件
- ajax提交,解决有时会重复提交问题
- jquery a标签不可点击,绑定bind/解除unbind点击,ajax防止重复提交
- strsuts2使用标签防止表单重复提交
- struts2 使用标签防止表单重复提交
- 使用自定义标签防止表单重复提交
- struts2框架使用--ajax重复提交
- ajax 重复提交
- android 网络连接检测
- JSP 9大内置对象
- Linux下安装FreeSwitch最新版(干货)
- 大型网站后台架构的演变
- linux C 栈空间不足导致段错误
- 解决jquery使用ajax提交button标签时重复提交了。
- LeetCode--Palindrome Number
- java.lang.IllegalStateException: The content of the adapter has changed but ListView did not receiv
- Linux chmod命令详解
- long long 类型的网络字节顺序转换
- 【笔记】JS毫秒时间轻松换算
- svn A conflict in the working copy obstructs the current operation
- unity关于StartCoroutine的简单线程使用
- Listview的重要属性