栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 面试经验 > 面试问答

如何以百分比形式显示Ajax响应的加载状态?

面试问答 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

如何以百分比形式显示Ajax响应的加载状态?

有两种显示真实百分比的方法。简短地…

一个 -老式的原生Javascript或jQuery
ajax,您也需要服务器支持,而另一个URL可以为您提供更新。而且您会间隔一定时间点击该URL。

两个 -HTML5浏览器中的现代本机Javascript,支持
XMLHTTPRequest2
(也称为AJAX
2),由新的Web和HTML5标准定义。

如果是两个,欢迎来到新网站!!
浏览器已添加了多个功能来增强连接性-HTML5功能的一部分。

XMLHTTPRequest2 启用AJAX中的事件,这些事件有助于监视Javascript本身的进度以及许多其他情况。您可以通过监视实际进度来显示
实际百分比

var oReq = new XMLHttpRequest();oReq.addEventListener("progress", updateProgress, false);oReq.addEventListener("load", transferComplete, false);oReq.addEventListener("error", transferFailed, false);oReq.addEventListener("abort", transferCanceled, false);oReq.open();

然后,您可以定义上面附加的处理程序(您的情况下的 进度 ):

function updateProgress (oEvent) {  if (oEvent.lengthComputable) {    var percentComplete = oEvent.loaded / oEvent.total;    // ...  } else {    // Unable to compute progress information since the total size is unknown  }}

jQuery也可以在第二种情况下使用。毕竟,jQuery可以帮助您减少代码,更多工作!

希望你正专注于HTML5和新的网络解决方案,我想指出你 的Mozilla DOC -
在AJAX监测进展从那里我已经采取了这一解决方案。

现在,每个浏览器都有一个用于Web的文档(例如,来自Mozilla的上述文档),此外,所有这些浏览器都与一个有影响力的Web和Internet巨头共同致力于一个名为
Web Platform
的普通企业,以获取通用的更新Web文档。这是一项正在进行的工作,因此尚未完成。

而且, 旧的AJAX中没有本地功能来监视进度

在老式的方法中,您将必须创建一个间隔函数,该函数将不断命中单独的URL以获取进度更新。您的服务器还必须更新进度,并将其作为响应从其他端口提供的URL发送出去。



转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/403993.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号