如何使用Bootstrap Toggle處理后端更改狀態？

Question

我正在使用Bootstrap Toggle通過ajax在后端處理任務。 當我將復選框設置為Off時 ，我希望服務器將狀態設置為Off並通過ajax返回成功或失敗。 如果出現故障，按鈕應返回到“ 開”狀態，以便用戶知道該過程不成功。

這是我的ajax代碼

function toggle_systemtask_plan(state) {

        $.ajax({
            type : "POST",
            contentType : "application/json",
            url : "toggle-system-task?state=" + state,
            dataType : 'json',
            timeout : 100000,
            success : function(data) {
              // HOW DO I PROCESS THIS HERE USING WHAT SERVER RETURNS
            },
          });
  }

問題是，一旦我處理了更改，它將再次調用.change（）函數，從而再次對服務器進行ajax調用。

我試過使用其他事件，例如click（）和mousedown（），但在切換按鈕（復選框）時未記錄該事件。

Answer 1

function toggle_systemtask_plan(state) {
  $.ajax({
    type: "POST",
    contentType: "application/json",
    url: "toggle-system-task?state=" + state,
    dataType: 'json',
    timeout: 100000,
    success: function(data) {
      // HOW DO I PROCESS THIS HERE USING WHAT SERVER RETURNS
      // Success function
      $('#toggleElement').bootstrapToggle('on');
    },
    error: function(data) {
      // Error function
      $('#toggleElement').bootstrapToggle('of');
    }
  });
}

說明：僅基於服務器的響應。您可以打開和關閉事件。