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

标签 jquery ajax json

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

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

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

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

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

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

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

最佳答案

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

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

关于jquery - jquery 如何显示从 ajax 请求接收到的图像?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/2450217/

相关文章:

javascript - 如何多次使用 Bootstrap 模式?

jquery - 如何停止显示损坏的图像

jquery - 动态添加tinymce到新的textarea

php - 控制台中的 Ajax 响应没问题,但在 php 页面中没有到达

php - 动态按钮 Onclick 不起作用

javascript - ng-repeat(迭代)Angular 中的复杂 json 对象

JSON 模式 - 如果对象不* 包含特定属性则有效

php - PHP:检查$ msg是否包含yt链接

python - SCons if/then 语句

javascript - 如何从 php 获取变量数据到 javascript?