javascript - 显示 HTML 元素是 AJAX 加载的最简单/最好的方法是什么？

Question

有时在我的应用程序中加载了很多元素，所以我想在禁用它的控件(或 DOM 节点)上方显示典型的 AJAX 微调器。

最简单/最好的方法是什么？

理想情况下我想:

$("#myelement").loading();
$("#myelement").finishloading();

或者更好的是能够直接使用元素执行 AJAX 请求:

$("#myelement").post(url, params, myfunction);

成为 #myelement 常规节点或表单输入。

Answer 1

您可以使用 beforeSend 和 complete 回调:

$.ajax({
    url: 'script.cgi',
    type: 'POST',
    beforeSend: function() {
        $('.spinner').show();
    },
    complete: function() {
        // will trigger even if request fails
        $('.spinner').hide();
    },
    success: function(result) {
        // todo: do something with the result
    }
});