jquery ajax 多次提交問題

由於我的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() {

  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請求
            	
 });