Ajax请求过程中显示“进度”的简单实现

时间:2019-05-13 09:47:58
【文件属性】:

文件名称:Ajax请求过程中显示“进度”的简单实现

文件大小:2.46MB

文件格式:RAR

更新时间:2019-05-13 09:47:58

Ajax 进度

Ajax在Web应用中使用得越来越频繁。在进行Ajax调用过程中一般都具有这样的做法:显示一个GIF图片动画表明后台正在工作,同时阻止用户操作本页面(比如Ajax请求通过某个按钮触发,用户不能频繁点击该按钮产生多个并发Ajax请求);调用完成后,图片消失,当前页面运行重新编辑。以下图为例,页面中通过一个Load链接以Ajax请求的方式加载数据(左)。当用户点击该链接之后,Ajax请求开始,GIF图片显示“Loading“状态,同时当前页面被“罩住”防止用户继续点击Load按钮(中);Ajax请求完成被返回响应的结果,结果被呈现出来的同时,GIF图片和“遮罩”同时消失(右)。[


【文件预览】:
MvcApp
----MvcApp.sln(908B)
----MvcApp()
--------Models()
--------packages.config(966B)
--------Web.config(2KB)
--------Images()
--------MvcApp.csproj.user(1KB)
--------Web.Debug.config(1KB)
--------Controllers()
--------MvcApp.csproj(9KB)
--------App_Start()
--------App_Data()
--------Web.Release.config(1KB)
--------Global.asax.cs(712B)
--------Global.asax(98B)
--------Scripts()
--------Views()
--------Properties()
----MvcApp.suo(30KB)
----packages()
--------Microsoft.AspNet.WebPages.2.0.20710.0()
--------Newtonsoft.Json.4.5.6()
--------Microsoft.AspNet.WebApi.Client.4.0.20710.0()
--------repositories.config(125B)
--------Microsoft.AspNet.WebApi.WebHost.4.0.20710.0()
--------Microsoft.AspNet.WebApi.4.0.20710.0()
--------Microsoft.AspNet.WebApi.Core.4.0.20710.0()
--------Microsoft.Net.Http.2.0.20710.0()
--------Microsoft.Web.Infrastructure.1.0.0.0()
--------Microsoft.AspNet.Razor.2.0.20710.0()
--------Microsoft.AspNet.Mvc.4.0.20710.0()

网友评论

  • 不太实用。
  • 下次能不能注明下这个实现是用C#语言的,我要的是JAVA