加载Gif Jquery$.Post(函数)

加载Gif Jquery$.Post(函数),jquery,post,animated-gif,Jquery,Post,Animated Gif,我想知道是否有一种快速简便的方法将加载的gif int放入jquery$.Post函数? 我想我很可能不得不以某种方式将其放入函数体中。我想在一种薄雾中覆盖页面,用旋转的加载gif,或者水平的理发店酒吧之类的东西。我的mvc图像文件夹中已经有了这些图像,只需要找出实现它的选项 谢谢我想会发生一个事件来启动ajax帖子吗?在这种情况下,您需要在调用ajax之前显示加载图像。然后,当调用返回时,您需要隐藏正在加载的图像 例如: $("#button").click(function() {

我想知道是否有一种快速简便的方法将加载的gif int放入jquery$.Post函数? 我想我很可能不得不以某种方式将其放入函数体中。我想在一种薄雾中覆盖页面,用旋转的加载gif,或者水平的理发店酒吧之类的东西。我的mvc图像文件夹中已经有了这些图像,只需要找出实现它的选项


谢谢

我想会发生一个事件来启动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



调用$(“loadingImage”).show();那到底是什么?另外,这是$.post而不是$.ajax调用。他们事实上是相似的,我相信波斯特是阿贾克斯的说唱歌手。因此,我可能会在post函数的函数部分执行此操作。
.show()
是图像出现的原因。它相当于
.css(“显示”、“块”)
。你是对的,
$.post
依赖于
$.ajax
所以这两个共享方法。我的意思是,引号之间的部分是什么?那是我的gif的链接吗?啊,是的。它是通过它的id来选择图像的。所以我猜我需要把图像放在页面的某个地方,并给它一个id,但只是把它隐藏起来,对吗?
<input type="button" id="button" value="Load data" />
<img src="loading.gif" id="loadingImage" style="display: none;" />