加载Gif Jquery $ .Post(函数)

时间:2011-11-08 15:34:14

标签: jquery post animated-gif

我想知道是否有一种快速简便的方法将加载gif int放入jquery $ .Post函数中? 我想我很可能不得不以某种方式将它放入函数体中。我想用一种阴霾覆盖页面,用那个spinny加载gif,或者可能是水平的理发店吧。我已经在我的mvc images文件夹中有了图像,只需要弄清楚我实现它的选项。

由于

1 个答案:

答案 0 :(得分:4)

我认为有一个事件可以启动ajax帖子吗?在这种情况下,您需要在调用ajax之前显示加载图像。然后当调用返回时,您需要隐藏加载图像。

例如:

$("#button").click(function() {
    // show loading image
    $("#loadingImage").show();

    $.ajax({
        type: 'POST',
        url: url,
        data: data,
        success: function(data) {
            // Your logic here...

            // hide loading image
            $("#loadingImage").hide();
        }
    });
});

HTML

<input type="button" id="button" value="Load data" />
<img src="loading.gif" id="loadingImage" style="display: none;" />