如何在AJAX请求中实现jQuery微调器图像

小编典典

如何在AJAX请求中实现jQuery微调器图像

ajax

我有一个jQuery
AJAX请求，我希望在请求加载时显示ajax旋转器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);
        }           
    });
}

阅读 247

2020-07-26

共1个答案

小编典典

从 Ajax加载器 获取加载器GIF （GIF图片）
将此图像放置在要显示/隐藏的位置。
在ajax之前， 显示此图像 。
完成后， 隐藏图像

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();

    }           
    });
}

2020-07-26