在AJAX过程jQuery的阿贾克斯后动画？ [英] Jquery Ajax post animation during ajax process?

问题描述

我做阿贾克斯后在我的MVC应用程序时，下拉菜单的变化。

I do ajax post on my mvc app when dropdown change.

$(function () {
    $('#meters').change(function () {
        var analizor_id = $(this).val();
        if (analizor_id && analizor_id != '') {
            $.ajax({
                url: '@Url.Action("AnalizorInfoPartial", "Enerji")',
                type: 'GET',
                cache: false,
                data: { analizor_id: analizor_id },
                success: function (result) {
                    $('#TableAnalizorInfo').html(result);
                }
            });
        }
    });
});

下拉

@Html.DropDownList("sno", new SelectList(Model, "sno", "AnalizorAdi"), "-- Analizör Seçiniz --", new { id = "meters" })

我可以显示加载图片或其他任何东西在阿贾克斯的过程？ （间开始 - 结束事件），code例如

Can I show a loading image or anything else during ajax process? (between begin - finish event) and Code example?

修改

我可以使用这样？

success: function (result) {
    $('#TableAnalizorInfo').html(result);
}
begin:function(){ 
    //show image
}
complete:function(){ 
    //hide image
}

感谢。

推荐答案

当然，你正在寻找的事件是 beforeSend 和完成：

Of course, the events you are looking for are beforeSend and complete:

if (analizor_id && analizor_id != '') {
     $.ajax({
         url: '@Url.Action("AnalizorInfoPartial", "Enerji")',
         type: 'GET',
         cache: false,
         beforeSend: function() {
             // Show your spinner
         }, 
         complete: function() {
             // Hide your spinner
         },
         data: { analizor_id: analizor_id },
         success: function (result) {
            $('#TableAnalizorInfo').html(result);
        }
    });
}

或者你可以使用 AJAX事件处理程序：

$(document).ajaxSend(function() {
    // Show your spinner
}).ajaxComplete(function() {
    // Hide your spinner
});

这篇关于在AJAX过程jQuery的阿贾克斯后动画？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！