如何使用Bootstrap Toggle处理后端更改状态？

Question

我正在使用Bootstrap Toggle通过ajax在后端处理任务。当我将复选框设置为关闭时，我希望我的服务器将状态设置为关闭，并通过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');
    }
  });
}

说明：只需根据服务器的响应即可。您可以打开＆amp;关闭事件。