jquery - 如何在 AJAX 请求中实现 jQuery 旋转图像

Question

我有一个 jQuery AJAX 请求，我想在请求加载时显示 ajax spinner gif，然后在请求成功后消失，任何人都可以建议在下面的 jquery 代码中实现此功能的最佳方法:

function updateCart( qty, rowid ){
$.ajax({
        type: "POST",
        url: "/cart/ajax_update_item",
        data: { rowid: rowid, qty: qty },
        dataType: 'json',
        success: function(data){                
            render_cart(data);
        }           
    });
}

Answer 1

1. 从 ajax loader 获取加载程序 gif (GIF 图片)
2. 将此图像放置在您想要显示/隐藏的位置。
3. 在 ajax 之前，显示此图像。
4. 完成后，隐藏图像

<小时/>

function updateCart( qty, rowid ){
$('.loaderImage').show();
$.ajax({
        type: "POST",
        url: "/cart/ajax_update_item",
        data: { rowid: rowid, qty: qty },
        dataType: 'json',                         
        success: function(data){                
            render_cart(data);
            $('.loaderImage').hide();
        },
        error: function (response) {
           //Handle error
           $("#progressBar").hide();

    }           
    });
}