gpt4 book ai didi

javascript - 当文档中的单个元素准备就绪时触发事件的最佳方法

转载 作者:行者123 更新时间:2023-11-28 10:56:54 25 4
gpt4 key购买 nike

我正在开发一个 Web 应用程序,由于性能问题,该应用程序严重依赖 Ajax 功能。我试图在加载运行时间较长的模块时使每个页面的部分内容可用。

问题是我想尽快启动 Ajax 请求(在文档的头部)。这部分工作正常;问题是在极少数情况下,Ajax 调用会在我想要将 Ajax 数据加载到的区域出现在页面上之前返回。这会导致数据无法加载。

为了解决这个问题,我开始在每个容器下面使用脚本标签来解析 JQuery promise ,让代码知道该区域可用。

编辑:我想将数据加载到该区域一旦可用(在完整文档加载之前)

当前的伪代码如下所示:

<head>
<script>
var areaAvailablePromise = new $.Deferred();
$.when(areaAvailablePromise, myAjaxFunction()).then(function(){
// load data into the element.
});
</script>
</head>

<!-- much later in the document -->

<div class="divIWantToLoadAjaxContentInto"></div>
<script>
areaAvailablePromise.resolve();
</script>

我的问题是:有没有更好的方法来处理这种情况?每个人都知道内联脚本会阻塞并且对性能不利。另外,我觉得这会导致代码困惑,到处都是微脚本标签。

最佳答案

把你的(全部)<script>紧跟在元素后面的标签。

HTML 是从上到下解析的,因此该元素已经被加载。

关于javascript - 当文档中的单个元素准备就绪时触发事件的最佳方法,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19567756/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com