Question

我正在使用javascript location.reload() fn来重新加载页面。它工作正常，但只要调用此函数，现有页面就会等待加载新页面。从旧屏幕切换到新屏幕有一个延迟。用户可以看到一个空白屏幕。任何人都可以建议任何解决方案吗？

我正在考虑延迟旧屏幕，直到新屏幕加载并准备就绪。如果这是一个不错的选择，请告诉我如何留在现有页面上？

提前感谢您的帮助。

Answer 1

使用location.reload()无法做到这一点。通过执行ajax请求然后用新内容替换整个正文内容，可以实现类似的效果。

如：

$(document).ready(function () {
    $('#replace').click(function () {
        $('#the-content').load('mynewpage.html');
    });
});

查看这个小提琴http://jsfiddle.net/ExJz4/，找出一个不太合适的例子。

另请查看$.load()文档https://api.jquery.com/load/

Answer 2

尝试以下方法：

 $.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*/
 }
 });

Javascript重新加载如何显示现有页面，直到新页面准备好

2 个答案:

的 jQuery.ajax() 的