Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/432.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
重载时的Javascript如何显示现有页面直到新页面就绪_Javascript_Jquery_Html - Fatal编程技术网

重载时的Javascript如何显示现有页面直到新页面就绪

重载时的Javascript如何显示现有页面直到新页面就绪,javascript,jquery,html,Javascript,Jquery,Html,我正在使用javascriptlocation.reload()fn来重新加载页面。 它工作正常,但只要调用此函数,现有页面就会运行并等待加载新页面。从旧屏幕切换到新屏幕有延迟。用户可以看到一个空白屏幕。有人能提出解决办法吗 我正在考虑推迟旧屏幕,直到新屏幕加载并准备就绪。如果这是一个好的选择,请告诉我如何保持在现有页面上 提前感谢您的帮助。使用location.reload()这是不可能的。通过执行ajax请求,然后用新内容替换整个正文内容,可以实现类似的效果 例如: $(document).

我正在使用javascript
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你能举个例子吗?