Question

我有一个ajax调用，我得到了我网站的配色方案。（我们有很多客户使用不同的方案，这就是为什么我们必须将它们存储在数据库中）。

我想要实现的是等待ajax调用完成，并且只能在页面上加载任何内容之后。我知道会有1-2秒左右的小延迟，但这是实际隐藏更改文本颜色和背景颜色的唯一方法。

谢谢！

Answer 1

您可以在加载过程中隐藏正文，并在完成ajax请求后显示它，如下面的代码所示：

<html>
    <head>
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.2/jquery.min.js"></script>
    </head>
    <body>
        <script>
            document.getElementsByTagName('body')[0].setAttribute("style", "display: none"); //hide the body
        </script>
        <h1><a>Test</a></div>
        <script>
            $( document ).ready(function() {
                $.ajax({
                  url: "your ajax url",,
                  success: function( result ) {
                    $('h1 a').css('color', 'blue'); //process result here like changing the colors of the text and background color.

                    $('body').show();
                  }
                });
            });

        </script>
    </body>
</html>

Answer 2

您可以在加载过程中隐藏正文，并在完成ajax请求后显示它，如下面的代码所示：

<html>
    <head>
         <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.2/jquery.min.js"></script>
         <script>
            $(function() {
                $.ajax({
                  url: "your ajax url",,
                  success: function( result ) {

                  },
                  error:function() {
                     redirect to another page.
                  }
                });
            });
        </script>            
    </head>
    <body>
        <h1><a>Test</a></div>
    </body>
</html>

AJAX完成后加载网页

2 个答案: