重载时的Javascript如何显示现有页面直到新页面就绪
我正在使用javascript重载时的Javascript如何显示现有页面直到新页面就绪,javascript,jquery,html,Javascript,Jquery,Html,我正在使用javascriptlocation.reload()fn来重新加载页面。 它工作正常,但只要调用此函数,现有页面就会运行并等待加载新页面。从旧屏幕切换到新屏幕有延迟。用户可以看到一个空白屏幕。有人能提出解决办法吗 我正在考虑推迟旧屏幕,直到新屏幕加载并准备就绪。如果这是一个好的选择,请告诉我如何保持在现有页面上 提前感谢您的帮助。使用location.reload()这是不可能的。通过执行ajax请求,然后用新内容替换整个正文内容,可以实现类似的效果 例如: $(document).
location.reload()
fn
来重新加载页面。
它工作正常,但只要调用此函数,现有页面就会运行并等待加载新页面。从旧屏幕切换到新屏幕有延迟。用户可以看到一个空白屏幕。有人能提出解决办法吗
我正在考虑推迟旧屏幕,直到新屏幕加载并准备就绪。如果这是一个好的选择,请告诉我如何保持在现有页面上
提前感谢您的帮助。使用
location.reload()
这是不可能的。通过执行ajax请求,然后用新内容替换整个正文内容,可以实现类似的效果
例如:
$(document).ready(function () {
$('#replace').click(function () {
$('#the-content').load('mynewpage.html');
});
});
看看这把小提琴,看一个不太有效的例子
还可以查看$.load()
文档尝试以下操作:
$.ajax({
type: "POST",
url: "page.php", /*page which is to be loaded*/
data: "", /*send data if any*/
success: function(msg){
$('body').html(msg); /*add new content to body*/
},
error: function(XMLHttpRequest, textStatus, errorThrown) {
alert("Some error occured"); /*error message*/
}
});
使用ajax:加载内容并添加到success@Zword你能举个例子吗?