发出Ajax请求时单击一次不起作用

Question

我只需单击一下jQuery，就可以发出POST请求，以使用PHP作为后端通过AJAX在数据库中生成更改。

问题是通过单击即可发送请求，但未进行任何更改，请检查Chrome中的“网络”部分是否没有错误类型，并且答案为状态：

再次单击时，将启动响应200的请求，现在，如果您在数据库中进行了所有更改以及使用jQuery更改了类，则将启动该请求。

$(document).on("click", ".btn-activate", function() {
  var userId = $(this).attr("userId");
  var userState = $(this).attr("userState");
  var data = new FormData();

  data.append("activateId", userId);
  data.append("activateUser", userState);

  $.ajax({
    url: "ajax/user.ajax.php",
    method: "POST",
    data: data,
    cache: false,
    contentType: false,
    processData: false,
    success: function(response) {
    }
  })

  if (userState == 0) {
    $(this).removeClass('btn-success');
    $(this).addClass('btn-danger');
    $(this).html('Desactivado');
    $(this).attr('userState', 1);
  } else {
    $(this).addClass('btn-success');
    $(this).removeClass('btn-danger');
    $(this).html('Activo');
    $(this).attr('userState', 0);
  }
})