Question

我点击按钮后通过AJAX进行处理

 $(document).ready(function(){
      $("#myButton").click(function(){
            //Set loading text
            $(this).html("Loading...");

            //Do the ajax call
            $.ajax(....


            //Finaly reset my button text.
            $(this).html("Save Changes");
      }); 

 });

这适用于Firefox，但是当我在Chrome和IE上测试它时它不起作用。有人能帮助我吗？

我还尝试使用加载消息启动一个模态然后关闭它，但它永远不会出现，只在Firefox中出现。

Answer 1

您应该在回调中添加按钮重置文本。

    $.ajax({
    url: ...
    success: function (result) {
        //Finaly reset my button text.
                $(this).html("Save Changes");

    },
    error: function (x, t, m) {
        //Finaly reset my button text.
                $(this).html("Save Changes");
    }
});

Answer 2

还原应该在一个Ajax回调中（可能是complete）。否则它只是立即重置它，因为Ajax调用是异步的。

模拟Chrome和IE中的加载效果

2 个答案: