javascript - 使用尽可能多的单独线程检索 5 个图像 - jquery ajax

Question

考虑以下：

使用 ajax 调用和 json，使用 5 个单独的线程检索 5 个图像。结果应该在每个图像检索调用返回时填充视图。

所有这些都将在本地完成，我计划使用 jquery ajax 方法从 json 文件中检索这些图像。

我需要了解“使用 5 个单独的线程”来检索这些图像是什么意思。这将如何影响我的 ajax 调用？代码可能是什么样的？单独的线程是否表示单独的 ajax 调用？

谢谢您的帮助。

Answer 1

浏览器环境中的 JavaScript 仅支持通过 WebWorkers 进行线程化，而 WebWorkers 本身无权访问 DOM-Tree。

所有其他类型的并发都由基于事件的模型“模拟”。由于从 WebWorker 启动 XMLHttpRequest 并没有真正的意义，您所能做的就是进行单独的异步AJAX 调用并在相应的事件处理程序中处理编码的图像数据（但在 JSON 文件中编码图像数据并没有对我来说很有意义，除非你有一个非常特殊的应用程序。但这就是我理解你的问题的方式）。

编辑：一个如何实现这一点的简单示例，并考虑到您只想检索图像路径并将其分配给 id 为“img0”-“img4”的图像标签，您可以使用 jQuery 编写以下代码：

for (var i = 0; i < 5; i++) {
    jQuery.ajax(
        {
            'async': true,
            'url': 'imagePath.json?idx=' + i,
            'context': {'idx': i}
        })
    .done(function (data) {
        $("#img" + this.idx).attr('src', data.path);
    });
}