我想在我的网站上放置一个"请等待,加载"旋转圆圈动画.我应该如何使用jQuery实现这一目标？

我对站点文档进行了一些ajax调用,根据ajax状态显示或隐藏进度条

  $(document).ajaxStart(function(){ 
        $('#ajaxProgress').show(); 
    });
  $(document).ajaxStop(function(){ 
        $('#ajaxProgress').hide(); 
    });

我想基本上在网站的其他部分覆盖这些方法,在这些部分上进行了很多快速的小型ajax调用,并且不需要进出弹出的进度条.我试图将它们附加到其他$ .getJSON和$ .ajax调用中或插入它们.我试过把它们链接起来,但显然这并不好.

$.getJSON().ajaxStart(function(){ 'kill preloader'});

也许没有区别,但要么比其他方式更好(或者可能是比两者更好的神秘'第三'方式!)......

第一:

var startTime;

$(document).ready(function() {

    $("#lbl_ajaxInProgress").ajaxStart(function() {
        // store the current date/time...
        startTime = new Date();
        // update labels
        $(this).text('Yes');
        $("#lbl_ajaxCallTime").text("-");
    });

    $("#lbl_ajaxInProgress").ajaxStop(function() {
        // update labels
        $(this).text('No');
        $("#lbl_ajaxCallTime").text(myFunctionThatCalculatesTime(startTime));
    });

});

第二:

var startTime;

$(document).ready(function() {

    $("#lbl_ajaxInProgress").ajaxStart(function() {
        // update labels
        $(this).text('Yes');
    });

    $("#lbl_ajaxInProgress").ajaxStop(function() {
        // update labels
        $(this).text('No');
    });

    $("#lbl_ajaxCallTime").ajaxStart(function() {
        // store the current date/time...
        startTime = new Date();
        // update labels
        $(this).text("-");
    });

    $("#lbl_ajaxCallTime").ajaxStop(function() {
        // update labels
        $(this).text(myFunctionThatCalculatesTime(startTime));
    });

});

我有一个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);
        }           
    });
}

在我的应用程序中,我需要显示一个等待动画,而我的php页面是从服务器获取数据...

由于需要更多时间来进行操作......

任何人都可以用一些简单的方法帮助我做到这一点......

提前致谢

~Urs Ravi

我正在使用MVC 4中新的Async Controller功能,如下所述http://www.asp.net/mvc/tutorials/mvc-4/using-asynchronous-methods-in-aspnet-mvc-4

如果我有一个可能需要10-20秒才能运行的操作,我想提供某种状态栏来通知用户进度.Async功能有什么可以帮助解决这个问题吗？

编辑:我将尝试如何尝试并看看是否有更好的方法

public async Task<ActionResult> GizmosAsync()
{
    return View("Gizmos", await GetGizmosAsync());
}

private void GetGizmosAsync()
{
    for(int i=0; i<10; i++) 
    {
        lock(_locker) 
        {
           _statusMessage = String.Format("{0} of 10", i);
        }  
        DoSomethingLongRunning();
    }
}

public ActionResult Status()
{
   return Json(new { Status = _statusMessage });
}

static readonly object _locker = new object();

static string _statusMessage = "";

....

<script>

setTimeout(displayStatus, 1000);

function displayStatus() {
  $.post("/controller/status", function(data) {
    alert(data.Status);
  });
}

</script>

我有一个使用命令shell_exec运行python脚本的网页.我想要一个加载微调器,'请等待这个页面加载'类型的消息,在python脚本运行时显示,然后在完成其余的回声HTML显示之后.

我在/sf/answers/4795241/找到了一个好的解决方案, 但我是ajax的新手,我不知道如何使用该解决方案.我试过了

<div id="loadingDiv">Please wait while this page loads.</div>
<script>var $loading = $('#loadingDiv').hide();
$(document)
  .ajaxStart(function () {
    $loading.show();
  })
  .ajaxStop(function () {
    $loading.hide();
  });
</script>

但这没用.我是否需要调用ajax来执行ajaxStart？我怎么称呼它？我应该在ajax代码中包装shell_exec吗？

谢谢一堆.

我有个问题.我正在使用CMS,它的名字是Dolphin.简而言之,我创建了一个包含繁重代码的块(jQuery,javascript,php,HTML,图像等等).我想要做的是显示加载图像,直到该块的内容完全加载.因此,即使它看起来很奇怪,我也需要DIV的预加载功能.我需要这样做,因为如果我不使用它,我可以看到div组成缓慢,这太可怕了.你知道一个好的jQuery或javascript函数可以帮助我吗？只是在DIV中心加载图像,直到其内容完全加载.一旦它加载然后它将显示..谢谢!

有没有一种简单的方法在通过AJAX加载时在jquery UI选项卡的主体中显示加载微调器？

基本上我正在寻找像微调器选项,但在选项卡主体而不是选项卡标题中显示图形和加载消息.

我正在制作一个AJAX电话.它是同步的,所以它在内容加载时"挂起".在AJAX调用之前,我将预加载图像附加到传入内容的即将成为父节点:

function makePreLoader( parentNode )
{
  var img = document.createElement( "img" );
  img.src = "images/preloader.gif";
  parentNode.appendChild( img );
}


function getData( )
{
  var parentNode = document.getElementById( "myParentNode" );
  makePreloader( parentNode );

  $.ajax( 
    "http://www.example.com/",
    {
      success: function( resp )
      {
        $( parentNode ).html( resp );
      },
      async: false
    }
  );
}

我在example.com上的脚本是一个简单的PHP脚本,挂起7秒然后回复"完成".

当我调用'getData'时,预期的行为是看到预加载图像加载,然后应该用"done"替换它.

实际行为是调用挂起(显然没有附加预加载器)然后加载内容.

有没有人有类似的问题？有人可以推荐一个好的解决方案

我有一个ajax jquery请愿...有一种标准的方式在它完成时显示一个漂亮的动画.

有谁有任何信息？

当服务器出现错误时,它的请求大约需要15秒...所以我想在这种情况下显示动画...

我不一定在谈论jquery动画方法,但也许是某种动画gif ......或者其他东西

有任何想法吗？

我有一个<div>图像滑块<li>.有12个图像,加载所有图像需要一些时间.当图像加载时,我想显示加载的GIF图像.我怎么能用jQuery做到这一点？我的代码是:

<div id="banner_slider">
<ul id="portfolio">                 

        <li>
            <a href="#"><img src="gallery/2010/2010slider//01_quddus_helal.jpg" alt="Slider Image" border="0" /></a><br />
            <p class="caption"> Quddus Helal :: 01st - 2010</p>
        </li>               


        <li>
            <a href="#"><img src="gallery/2010/2010slider//02_md_moniruzzaman.jpg" alt="Slider Image" border="0" /></a><br />
            <p class="caption"> Md Moniruzzaman :: 02nd - 2010</p>

        </li>               

   </ul>
</div>

我有一个PHP脚本调用API需要一段时间才能加载,因此用户暂时看不到页面并且认为出现了问题.

我被告知,Jquery脚本可以将数据发送到PHP文件,从中获取结果数据并在执行此操作时显示加载消息/动画.环顾互联网我发现了这个:

$.get("check.php", { url: "www.domain.com"}, function(data){
    alert("Data Loaded: " + data);
});

我无法弄清楚PHP文件如何接收发送的数据($_GET['url']或其他方式),或者如何接收和显示数据以及如何显示加载消息.我知道很多问题,但我非常感谢任何信息,以了解如何做到这一点.