解决这个问题的方法是通过设置一个标志来控制按钮点击时是否调用Ajax请求。在每次点击按钮时，首先检查标志的状态，如果标志为true，则执行Ajax请求，同时将标志设为false。当Ajax请求完成后，再将标志设为true，以便下一次按钮点击时可以重新调用Ajax请求。

以下是一个简单的示例代码：

// 初始化标志为true
var isAjaxCallAllowed = true;

// 按钮点击事件处理函数
function buttonClickHandler() {
  // 检查标志状态
  if (isAjaxCallAllowed) {
    // 设置标志为false，防止重复调用Ajax请求
    isAjaxCallAllowed = false;

    // 执行Ajax请求
    $.ajax({
      url: "your-url",
      method: "GET",
      success: function(response) {
        // 请求成功后的处理逻辑

        // 设置标志为true，允许下一次按钮点击时调用Ajax请求
        isAjaxCallAllowed = true;
      },
      error: function() {
        // 请求失败时的处理逻辑

        // 设置标志为true，允许下一次按钮点击时调用Ajax请求
        isAjaxCallAllowed = true;
      }
    });
  }
}

// 绑定按钮点击事件
$("#your-button").on("click", buttonClickHandler);

在上面的示例代码中，使用了一个名为isAjaxCallAllowed的标志来控制按钮点击时是否调用Ajax请求。当标志为true时，才会执行Ajax请求，同时将标志设为false，防止重复调用。当Ajax请求完成后，无论是成功还是失败，都会将标志设为true，以便下一次按钮点击时可以重新调用Ajax请求。

请注意，这只是一个简单的示例，实际使用时可能需要根据具体的场景进行适当的修改和优化。