如何使用jQueryAjax api加载包含大量图像和文本的php页面？

当使用.load（）api或jquery的.ajax（）api从服务器请求php页面时，php页面是否应该是包含所有标记和标记的完整页面，以及是否应该包含数据库连接详细信息

我尝试使用.load（）链接php页面，但似乎不起作用。我被请求的php页面中会有很多图像和内容。如何使用load（）api显示此php页面

---

谢谢。

我认为最好的做法是加载要动态更新的资源，即只加载部分页面

加载完整页面时，很可能加载了大量不需要的数据

相反，我会用您想要动态更新的html/images/script创建一个块，然后加载它

例子 主页

---

如果php页面需要数据库连接，则必须指定其中的所有内容才能显示图像

另一件事，当使用load方法时，调用的页面不必具有完整的html结构

$("#container").load("page.php");

---

谢谢你的代码，我可以详细说明这个例子。在php代码中，您硬编码了图像src。在我正在处理的场景中，这些将取而代之地来自数据库。所以问题是，这个php页面是否也应该有所有的数据库连接细节——因为发出这个请求的页面已经连接到了db。另外，在我的场景中，发出请求的母版页具有外部css中的所有样式。母版页然后使用.load（）api请求php页面。样式（如果适用）是否也会应用于这个ajax加载的子页面，或者是否应该单独调用ajax加载部分的样式？对于第一个问题，我也会在块页面中使用数据库连接（gallery.block.php）。这还允许您在页面之间重用块（即使某些页面没有db连接）。是的，样式也将应用于加载的内容。如果愿意，也可以在加载的块中包含内联样式。

<ul>
  <li>
    <img src="myphoto1.jpg">
  </li>
  <li>
    <img src="myphoto2.jpg">
  </li>
</ul>

jQuery(function($){
  $(".latest-photos").load("gallery.block.php");
});

$("#container").load("page.php");