在MVC控制器中處理時獲取重複動作

Question

所以我發送一個ajax請求到我的控制器進行處理。 但是，當我console.log消息在我的ajax做功能它顯示了兩個結果。

從的console.log結果是：

{"result_code":1,"result_message":"Contact tags deleted","result_output":"json"} 
{"result_code":1,"result_message":"Contact tags added","result_output":"json"} 

這是AJAX請求：

$('.travelSwitch').click(function() { 
     //send ajax request 
     $.ajax({ 
      method: "POST", 
      url: "@Url.Action("ProcessPreferences", "ManagePreferences")", 
      data: { 
       //Applies to camping category 
       categoryTag: "Travel", 
       //send user email for processing 
       userEmailAddr: "@userEmailAddr", 
       //send remove flag for processing 
       removeTag: ($('#field_22Travel:checked').length) ? false : true 
      } 
     }) 
     .done(function (msg) { 
      console.log(msg); 
     }) 
    }); 

然後在我的控制器，用於處理Ajax請求的功能：

[HttpPost] 
    public ActionResult ProcessPreferences(string categoryTag, string userEmailAddr, bool removeTag) 
    { 
     string applyToTag = "TOPIC: " + categoryTag; 
     string emailAddr = userEmailAddr; 
     bool removeFlag = removeTag; 
     var acs = new Acs("api_key", "api_url"); 

     Dictionary<string, string> getParameters = new Dictionary<string, string>(); 
     if (removeFlag == false) { 
      //get parameters 
      getParameters.Add("api_action", "contact_tag_add"); 
      getParameters.Add("api_output", "json"); 
     } 
     else 
     { 
      //get parameters 
      getParameters.Add("api_action", "contact_tag_remove"); 
      getParameters.Add("api_output", "json"); 
     } 

     //post parameters 
     Dictionary<string, string> postParameters = new Dictionary<string, string> 
     { 
      { "email", emailAddr }, 
      { "tags", applyToTag } 
     }; 

     var response = acs.SendRequest("POST", getParameters, postParameters); 

     return Content(response); 
    } 

因此，當處理ajax請求時，它會向活動的活動api發送一個請求。然後添加或刪除標籤，而不管複選框是否被選中。

注 開關是在這個實現：https://www.w3schools.com/howto/howto_css_switch.asp

初始Ajax請求的頁面加載發送到開關設定爲開或關：

$.ajax({ 
    method: "POST", 
    url: "@Url.Action("InitPreferences", "ManagePreferences")", 
    data: { 
     userEmailAddr: "@userEmailAddr", 
     apiCallInit: true 
    } 
}) 
.done(function (msg) { 
    //loop through tags 
    for (i in msg.tags) { 
     //console.log(msg.tags[i]); 
     (msg.tags[i] == "TOPIC: Camping") ? $("#field_22Camping").attr("checked", true) : ""; 
     (msg.tags[i] == "TOPIC: Hiking") ? $("#field_22Hiking").attr("checked", true) : ""; 
     (msg.tags[i] == "TOPIC: Travel") ? $("#field_22Travel").attr("checked", true) : ""; 
    } 
}) 

Answer 1

好，所以我想通了。 Wail在說什麼，我用e.preventDefault();多次停止事件綁定。 然後，因爲我通過JavaScript設置複選框的屬性我只是改變它們的值與JavaScript。

這是我的更新代碼：

$('.travelSwitch').click(function (e) { 
     e.preventDefault(); 
     if ($('.travelSwitch input').attr("checked")) { 
      var remTag = false; 
      $('.travelSwitch input').attr("checked", false); 
     } 
     else { 
      var remTag = true; 
      $('.travelSwitch input').attr("checked", true); 
     } 
     //send ajax request 
     $.ajax({ 
      method: "POST", 
      url: "@Url.Action("ProcessPreferences", "ManagePreferences")", 
      data: { 
       //Applies to camping category 
       categoryTag: "Travel", 
       //send user email for processing 
       userEmailAddr: "@userEmailAddr", 
       //send remove flag for processing 
       removeTag: remTag 
      } 
     }) 
     .done(function (msg) { 
      console.log(msg); 
     }) 
    }); 

希望這有助於別人:)

Answer 2

看來，你的Ajax功能被調用兩次，並且在兩次調用之間複選框未被選中...請驗證當您嘗試單擊它時訂閱元素的事件數量，它更像是一個JavaScript問題，而不是後端一個IMo。