页面在Ajax调用时冻结

Question

我正在使用Ajax获取数据。但是当它调用数据时，页面停止响应，并且加载动画也停止了。

Ajax：

$('.filter-form-desktop').on('submit', function(e){
    $('.preloader').fadeIn('slow');
    $.ajax({
        type: 'POST',
        url:  url,
        data: $('.filter-form-desktop').serialize(),
        success: function(response){
            $('.item-list-main .row').html(response);
            $('.preloader').fadeOut('slow');
        }
    });
    e.preventDefault();
});

让我知道如何避免这种情况？

谢谢。