使用jquery加载内容时，循环显示按钮的各个阶段

Question

我有一个表单，上面有三个选项，还有一个提交按钮。提交时，内容将在后台加载。

我想要发生的是让提交按钮有三种状态。

1. 正常按钮（可点击），标题为“加载数据”，提交表单
2. 在内容加载时淡出并禁用，标题为“正在加载”
3. 更改回正常按钮（可点击），将您带到一个名为“开始”
的新页面

任何想法？

Answer 1

像这样的东西。首先你的按钮显示加载数据，然后：

$('#button').click(function(){

    $(this).addClass("Loading");

    $.ajax({
      url: "test.html",
      context: document.body
    }).done(function() {
      $("#button").removeClass("Loading");
      $("#button").addClass("DoneStart");
      $("#button").click(function(){window.location.href = "whatever.html"});
    });

 });