使用Ajax填充页面时避免使用空体

时间:2014-10-24 16:45:00

标签: jquery html ajax templates

我的工作遇到了问题。目前我们正在使用Bootstrap + jQuery和REST API来填充我们的页面。

就页面加载而言,这是以下流程:

  • 服务器收到请愿
  • 响应加载所有资产(CSS和JS)的模板
  • JS文件调用正确的REST并使用ID为
  • 的div来填充正文

问题是,如果我在调用$(document.ready(function(){之前尝试填充身体 什么都不会显示但是如果我之后再这样做你可以看到一个空的空白页1-3秒,然后突然被REST响应填充。

我想知道在向用户展示模板之前是否有任何方法(jQuery或外部库可以解决此问题)以填充正文。

提前致谢,如果需要更多信息(脚本或w / e),请询问并更新帖子。

1 个答案:

答案 0 :(得分:2)

试试这个:

<html>
    <head>
        <script>
            var res = $.ajax({ ... });
            $(document).ready(function(){
                res.done( function(data){
                    $("body").html(data);
                });    
            });
        <script>
    </head>

    <body>
    </body>
</html>