var requestSent = false; jQuery("#buttonID").click(function() { if(!requestSent) { requestSent = true; jQuery.ajax({ url: "http://example.com", ...., timeout: timeoutValue, complete: function() { ... requestSent = false; }, }); } });…

在jquery中防止ajax重复提交…

如下一段代码: 先忽略我没引jquery.js的问题,这是一个案例. 当我们点击提交时,控制台输出两次e,在network里查看,可以看到我们的ajax传输了两次,造成了数据重复提交. 一种解释为button的type为submit,和type='button'不同,submit有自己的默认行为,也就是说当你点击了他之后,他就会进行提交,从而导致重复提交,而type=button需要进行 ajax的跳转才能实现提交功能.所以解决办法,就是将submit换成button. 但是我是jquery创建…

项目用到js了,首选jquery,能用库用库,原则. 碰到重复提交的问题,禁止住才行.百度google,还是Google给力. 知乎上有个高人,总结了四种,利用Jquery .post方法返回jqXHR对象,调用State()判断状态来做,这个是比较好的.需要注意的是1.5以上才行,我直接1.9搞起了.原来1.4用不了,1.4返回的是xhttprequest啥的,不好使. 直接转文章吧,自己码字也不如人家好. http://www.zhihu.com/question/19805411 长天之云…

1.利用jQuery中的aja提交数据,首先引入jQuery中的文件 2.jquery.form.js下载地址:http://vdisk.weibo.com/s/thY_x31gX0M-p?category_id=0...re   jquery-1.7.min.js下载地址:http://vdisk.weibo.com/s/t3rx9pJN0bCcM 3.利用jquery ajax 提交有三种方式 (1)$.get() (2)$.post() (3)$.ajax() 4.$.get()提交方式…

利用jquery ajaxPrefilter中断请求 var pendingRequests = {}; $.ajaxPrefilter(function( options, originalOptions, jqXHR ) { var key = options.url; console.log(key); if (!pendingRequests[key]) { pendingRequests[key] = jqXHR; }else{ //jqXHR.abort(); //放弃后触发的提交…

…

jQuery.form.js是一个form插件,支持ajax表单提交和ajax文件上传. 官网下载地址:http://plugins.jquery.com/form/ API ajaxForm 增加所有需要的事件监听器,为ajax提交表单做准备.ajaxForm并不能提交表单.在document的ready函数中,使用ajaxForm来为ajax提交表单进行准备. 接受0个或1个参数.参数可以是一个回调函数,也可以是一个Options对象. $("#formid").ajaxForm(…

今天遇到的问题,总结一下 jQuery的$ajax({ contentType:"application/json",  //发送信息至服务器时内容编码类型. }) 这样的方式提交时,如果指定contentType为application/json:此时后台通过传统的getParameter("属性名")不能够获取前端传过来的数据, 此时需要 使用 http://blog.csdn.net/mhmyqn/article/details/25561535 这里的方法去…

如 $.ajax({   url : url,   success : function(ret) {    if (!noProgress){cniia.closeProgress();}    if (onSuccess) {     onSuccess(ret);    }   },   error : function(data) {    if (!noProgress){cniia.closeProgress();}    cniia.showAlert("服务器错误,请稍候访问!&…