0

我很AJAX陌生，通常我只是对事情进行处理以使其正常工作。如果使用 a，则type:GET AJAX请求一个包含大量图像的 url。

 $.ajax({
    type: "GET",
    url: "/works/" + x,
    success: postImgModal
  });

成功时：返回一堆 HTML 的 div 和大图像进入内存（对不起，我不知道正确的单词）？

当请求返回时，所有这些图像都会被渲染吗？因此，不是很优化？还是它们以非常小的纯文本形式出现？

我知道开发人员工具有一些关于前端/后端优化的瀑布视图；不幸的是，这些观点对我来说没有意义。你们能否建议任何可以帮助我理解前端/后端优化以及如何使用 chrome 工具（或其他建议的工具）对我有利的教程。希望在未来，我可以自己解决这些问题。或者至少提出更好的问题。

4

1 回答 1

1

当 AJAX 请求返回 HTML 时，这就是所发生的一切——返回 HTML 文本。如果您从未将该 HTML 添加到您的 DOM 中，那么它就结束了。

如果您确实将 HTML 添加到 DOM，那么<img>就会检查任何标签。如果给定 URL 的图像数据在浏览器缓存中不可用，则将发出单独的 HTTP 请求。

如果你想避免这种情况，你可以在你的 HTML 中使用数据 URL，尽管正如人们所期望的那样（带着鬼脸），由于 Internet Explorer 的流行而变得复杂。

于 2013-07-18T18:55:56.597 回答