javascript - 当我们进行ajax调用并等待响应并阻止页面时显示一个微调框

我有一个带有多个ajax调用的页面以从响应中加载零件...现在我必须在该零件上显示一个微调器，从中进行ajax调用以等待内容加载...我该如何一种通用方法，它将参数作为选择器，作为我进行ajax调用并阻止页面背景的部分的选择器

感谢您的任何建议和帮助。

最佳答案

我的代码：

$.fn.ajaxConvertLink = function() {
    $(this).click(function() {
        var wrap = $(this).parent();
        if (!wrap.hasClass('spinner')) {
            wrap.addClass('spinner');
            $.ajax({
                type: 'GET',
                url: $(this).attr('href'),
                success: function(data) {
                    $('#content_for_layout').html(data);
                },
                complete: function() {
                    wrap.removeClass('spinner');
                }
            });
        }
        return false;
    });
};

它将类微调器（在css中用背景微调器图像描述）添加到父元素（但可以轻松更改以更改a本身或完全更改其他元素）

<a href="/foo/bar" id="xxx'>YYY</a>

执行：

$('#xxx').ajaxConvertLink();

http://jsfiddle.net/Jacek_FH/2dAyf/

关于javascript - 当我们进行ajax调用并等待响应并阻止页面时显示一个微调框，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/7003339/