动态加载ajax按钮点击 - 怎么做？

Question

如何使加载按钮动态化？这是我的代码

var $this = $(this);
            $this.button('loading');
                setTimeout(function() {
                $this.button('reset');
            }, 2000);

当我点击按钮时它按照定义加载2秒​​，而ajax正在向后端发送post请求，并且根据我发送的内容花费一些时间，

问题是。如果ajax请求尚未完成，但是加载按钮已完成，因为它手动设置为2但ajax请求5秒，那么我如何使加载按钮时间变为动态或完成直到ajax请求完成？

Answer 1

只需将$this.button('loading');放在ajax脚本之前

然后，在ajaxSuccess或ajaxComplete，只需将$this.button('reset');重置为按钮的状态

Answer 2

在ajaxsucess返回之后，在ajax和$this.button('loading');之前添加$this.button('reset');。请检查下面的ajax示例将对您有所帮助。

$("#button").click(function(e) {

e.preventDefault();

var $this = $(this);
        $this.button('loading');
$.ajax({
  type: "POST",
  url: "",
  data: {
    },
  success: function(result) {
    $this.button('reset');
  },

});

});