代码之家  ›  专栏  ›  技术社区  ›  Greg

当Web服务器正在完成HTTP请求时,如何在网页上显示“等待”指示器?

  •  2
  • Greg  · 技术社区  · 15 年前

    后台-我有一个Web应用程序,请求需要几秒钟。

    问题-在用户启动请求之后,如何向他们显示“等待”类型指示器(例如spinner),直到实际的HTTP请求响应从服务器返回?

    注意-我假设这是一个通用的Web开发问题,但是我的Web应用程序是一个“RubyonRails”应用程序。

    谢谢

    3 回复  |  直到 15 年前
        1
  •  3
  •   Amber    15 年前

    通常,您会通过jquery或其他一些库向页面添加一个新的dom对象(或显示一个现有的对象),显示微调器,然后在Ajax请求完成时的任何回调中触发;您将再次隐藏微调器对象。

        2
  •  3
  •   ss ulrey    15 年前

    以前的海报是正确的,你可以显示动画,但这不是所有情况下的理想选择。如果您只想在javascript中更改光标,可以在请求开始时执行此操作:

    document.body.style.cursor = "wait";
    

    请求完成后:

    document.body.style.cursor = "default";    
    

    希望有帮助… 斯科特。

        3
  •  2
  •   Sarfraz    15 年前

    首先,您有一个隐藏的DIV和自旋体图像,当您发送HTTP请求时,使DIV可见,当您收到响应时,使它再次隐藏。