JavaScript在Ajax中加载非常缓慢

Question

我有两个页面，当第二个页面在第一个页面中加载时，该页面的JavaScript会在所有JavaScript之后运行，并且加载非常慢。我编写了以下代码来显示旋转器，直到第二个页面完全加载。但是旋转器没有起作用。 以下是我的代码：

<script>
    $('.tourajaxi').html('<i class="fa fa-spinner fa-pulse fa-3x fa-fw" ></i><span class="sr-only">Loading ...</span>');
     $(window).load(function()  {
    $('.tourajaxi').load('/toursajax.bc?gid=325');
    });
    </script>

- inaz

---

你尝试过记录 $('.tourajaxi') 吗？可能是因为你的DOM没有渲染。尝试在 $(document).ready() 上显示旋转器。 - Rajesh

@inaz 你好，也许是因为你有更大的数据量，所以你正在使用$.load()方法加载整个页面，所以速度可能会慢一些。 - Himesh Aadeshara

当我使用document.ready()时，第二个页面的CSS和HTML加载了，但是JavaScript没有渲染，并且加载非常慢。我希望能够同时运行我第二个页面的所有内容。 - inaz

@inaz 我猜问题的关键是脚本没有被渲染。你可以参考以下帖子以获取更多参考资料：https://dev59.com/e3NA5IYBdhLWcg3wn_U1 - Rajesh

Answer 1

假设您没有包含任何HTML代码：

您的脚本位于文档的标签中，并尝试将HTML应用于元素“tourajaxi”，但该元素直到文档的其余部分加载完成后才存在。

- Kae Verens