jquery ajax 多次提交问题
2015-11-29 20:08
609 查看
由于我的ajax请求被绑定到按钮的click事件执行。
act_btn.click(function(){
var data = $("#action_content").serialize();
var url = "dorm_buil_add";
sendAjaxRequest(data,url,addDormitoryBuilding);//执行ajax请求
});
导致的问题是,第一次提交,执行一次,第二次提交执行两次,第三次提交执行三次。
原因:问题的原因是click事件绑定到按钮中,不是替换,而是append,即每次按钮按下后都会执行之前绑定的click事件。
解决:1:在加载时候进行绑定,只绑定一次。
$(document).ready(function() {
2:在每次绑定的时候,解绑一次。
act_btn.unbind('click').click(function(){
var data = $("#action_content").serialize();
var url = "dorm_buil_add";
sendAjaxRequest(data,url,addDormitoryBuilding);//执行ajax请求
});
act_btn.click(function(){
var data = $("#action_content").serialize();
var url = "dorm_buil_add";
sendAjaxRequest(data,url,addDormitoryBuilding);//执行ajax请求
});
导致的问题是,第一次提交,执行一次,第二次提交执行两次,第三次提交执行三次。
原因:问题的原因是click事件绑定到按钮中,不是替换,而是append,即每次按钮按下后都会执行之前绑定的click事件。
解决:1:在加载时候进行绑定,只绑定一次。
$(document).ready(function() {
act_btn.click(function(){ var data = $("#action_content").serialize(); var url = "dorm_buil_add"; sendAjaxRequest(data,url,addDormitoryBuilding);//执行ajax请求 });
});
2:在每次绑定的时候,解绑一次。
act_btn.unbind('click').click(function(){
var data = $("#action_content").serialize();
var url = "dorm_buil_add";
sendAjaxRequest(data,url,addDormitoryBuilding);//执行ajax请求
});
相关文章推荐
- JQuery1——基础($对象,选择器,对象转换)
- JavaScript演示排序算法
- 2015-2016网页设计趋势分析 Web Design of Trends
- jQuery Ajax 跨域调用
- 移动端的长按事件
- jquery教程靠边站,一分钱不花让你免费学会jquery
- JQuery+Strusts1.x无刷新登录
- JavaScript 各种遍历方式详解
- 解决Ajax悬停效果,无法遮蔽FLASH的问题
- 再谈Jquery Ajax方法传递到action(补充)
- jQuery菜单插件用法实例
- JQuery 初体验(建议学习jquery)
- 基于Jquery和CSS3制作数字时钟附源码下载(CSS3篇)
- Jquery实现的table最后一行添加样式的代码
- jQuery实现向下滑出的平滑下拉菜单效果
- jQuery 练习[一] 学习jquery的准备工作
- jquery获得页面元素的坐标值实现思路及代码
- 使用Browserify配合jQuery进行编程的超级指南
- jquery如何实现在加载完iframe的内容后再进行操作
- jquery $.ajax()取xml数据的小问题解决方法