Question

我有以下代码从我的根页面加载#special。这一切都很好但是我担心每次有人加载这个页面时我都要再次加载所有的css / js / images等。

<div id="test-one"></div>
<script>
  $("#test-one").load("/ #special");
</script>

有没有办法缓存这个？我看到jQuery.ajax指的是缓存，但看起来好像你不能用jQuery.ajax加载一个特定的选择器？

Answer 1

浏览器将自动将缓存用于ajax调用加载的新网页，除非该网页后面的服务器阻止缓存。您无需在ajax调用中执行任何特殊操作即可自动使用浏览器缓存。

请记住，当您加载文档片段时，jQuery将获取整个文档，让浏览器将其全部解析为文档片段，然后jQuery将提取您要求的部分并将其插入到您的位置问。