jquery - jquery 如何显示从 ajax 请求接收到的图像？

Question

我的工作很好，但我想更深入地了解幕后实际发生的事情。

我正在使用 Jquery 的 Ajax 方法提取 5 篇博客文章(仅返回标题和第一张照片)。 PHP 脚本获取博客文章的标题和第一张照片，并将其粘贴在数组中，然后将其作为 JSON 发送回我的浏览器。

收到 JSON 对象后，Jquery 获取 JSON 对象的第一个成员并显示其标题和照片。在我制作的图库中，使用按钮 - 用户可以迭代 1-5 个帖子。

因此实际的 AJAX 调用会立即发生，并且仅发生一次。我基本上使用这种设置: $('my_div').html(json_obj[i]) 并且每次点击都会执行 i++。

那么 jquery 是从我的计算机内存、网络浏览器缓存或 Javascript 引擎中的某种缓存中提取这些博客文章吗？

它返回的内容之一是一个非常粗糙的动画 gif。我只是想知道它是否不断在后台运行(但不可见)，窃取处理周期......等等。或者Javascript只是将(例如Flash电影)插入到DOM中，但在此之前除了占用一点内存(不进行处理)之外什么也不做。

无论如何，我只是好奇。如果有人是这方面的专家，我很想听听您的看法。谢谢!!

Answer 1

返回的 JSON 包含显示标题和图像的 html。

当 json 包含的 img 元素添加到 DOM ( <img src="blah"> ) 时，浏览器实际上会将图像下载到缓存中。此时，图像只是一堆二进制数据，在网络浏览器解释它并将其显示在屏幕上之前，它不会变成任何东西。您的动画 GIF 在实际显示在屏幕上之前不会占用任何处理周期或额外内存。