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

Retrieving 5 images using as many separate threads - jquery ajax

本文关键字：图像 5个 jquery ajax 检索 线程 尽可能 独立      更新时间：2023-09-26

考虑以下内容:

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

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

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

谢谢你的帮助

浏览器环境中的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);
    });
}
相关文章：