JQuery 对页面加载的影响
JQuery effect on page load
我有一个页面在页面加载中做一些耗时的事情(实际上这就是它所做的一切(。我想向用户展示一条不错的消息,然后在该过程完成后用实际结果替换它。
我尝试的每件事都使UI在漫长的过程结束后呈现,这无济于事。我尝试使用 UpdatePanel 使页面呈现,然后从客户端触发更新,但它也不起作用。
有人可以给我一个如何做到这一点的线索吗?
谢谢
我建议你执行以下操作:
- 创建一个新主页,在加载时仅显示您想要显示的任何内容。 加载图形或其他。
- 通过 AJAX 调用您的当前页面并让它返回
success
或failure
或任何您想要返回第 1 页的内容。 - ajax 调用返回后,您可以将加载图标或 html 替换为成功图形。
网页 1: <div id="content"><img src="images/loading.png" alt="loading" /></div>
j查询:
$.ajax({
type: "GET",
timeout: 30000, // set accordingly
url: "/some/url", // this is the page that will do all the work
beforeSend: function() {
// do some stuff
},
error: function(XMLHttpRequest, textStatus, errorThrown) {
alert("An error has occurred making the request: " + errorThrown); // if there was an issue
},
success: function() {
$('#content').html('Success!!'); // change icon or what you need to do.
}
});
我无法让 UI 正确格式化代码。 Jquery ajax reference: http://api.jquery.com/jQuery.ajax/
你可以使用 jQuery BlockUI 插件 - 在你的就绪处理程序中,你会阻止、处理然后取消阻止。
如果有大量数据流向客户端,则在就绪处理程序启动并阻止页面之前,可能会有一个不舒服的时期,因此另一种策略是使用一个覆盖页面的<div>
(其中包含"请稍候,加载"消息(,隐藏在就绪处理程序的末尾。
如果您使用的是 ASP.NET WebForms,则可以使用UpdatePanel和UpdateProgress在加载内容时显示图像。只需将更新进度控件指向更新面板控件即可。更新进度将包含加载图像和更新面板的主要内容和控件。但是,UpdateProgress 和 UpdatePanel 是Microsoft编写的丑陋工具,我会强烈重申使用 jQuery 及其真正的 AJAX 调用(尽管它会涉及更多工作(
- fnAddData在数据为30-40K时影响页面加载速度
- “;预加载“;<音频>影响window.onload事件时间
- 异步加载的脚本是否会影响其他脚本的加载时间
- 由于加载和使用 jQuery 对性能的负面影响有多大
- 链接到页面上的位置 - 加载缓慢会影响位置
- 如何使 AJAX 加载的内容受父页面的影响
- JQuery 对页面加载的影响
- AngularJS:目录结构(例如模块化编程)是否会影响加载时间
- 标签内“加载”JS对目标没有影响
- 影响Javascript加载的最终用户计算因素
- 对加载相关下拉列表的性能影响,最多约30000条记录
- jQuery不影响AJAX加载的内容
- 如何保留页面'阻止CSS影响加载html文档的iframe
- 哪个javascript加载选项对页面加载时间的影响可以忽略不计
- 在不影响UI的情况下,将外部几何图形加载到Three.js中的最佳和最快方法是什么
- 影响jsfiddle的例子在本地改编给出错误:"未能加载资源:..affdex/adapter-1.4.0.
- 显示:无或可见性:隐藏在页面加载的主体元素-它会影响SEO吗?
- Ajax影响Ajax表单上的jQuery文档加载
- 移动Safari和动态加载图像会影响性能
- 更改对加载的脚本没有影响