javascript - 定期测试页面加载后添加到 DOM 的元素

Question

我有一个页面，您可以在其中上传视频，然后对这些视频进行编码(很像 Youtube)。编码部分可能需要一些时间，我想通过定期轮询页面内的编码状态来自动向用户显示编码是否完成，如果编码完成，我想用“播放”按钮替换编码图标，以便用户可以播放视频。

因为上传的视频列表本身是使用 AJAX(使用 jQuery)放入 DOM 中的，所以我很难理解如何执行此操作。我想使用 jQuery 来实现此目的，但我不知道 jQuery 是否可以做到这一点。

所以步骤如下

1. 用户上传视频
2. 用户返回到页面
3. 用户“折叠打开”上传的视频列表，有些已编码，有些尚未编码，已编码的有播放按钮，未编码的有沙漏图标
4. 用户等待，直到尚未编码的视频的图标变成播放按钮
5. 用户按下播放按钮，电影开始播放

我的问题仅出现在第4步。服务器端部分也已全部完成。

Answer 1

使用轮询。设置每隔几秒轮询一次服务器(使用 AJAX)的时间间隔，以检查编码作业的状态。当服务器响应“作业已完成”时，更新 DOM 中的图标。

如果是我，我会让服务器端处理程序响应完成百分比(如果可能的话，这取决于您的编码 API)。