javascript - 使用 jQuery Ajax 和 Mysql 生成 HTML

Question

我正在尝试建立一些动态照片库。我试图通过引入一些 jQuery 来执行一些动态 MYSQL 查询，从而摆脱传统的 HTML/PHP 不断刷新以查看更新。

到目前为止（注意我是初学者）我有一个页面，它使用一些 jQuery 向 PHP 文件发送调用，该文件包含一些用于查询数据库的基本 PHP 代码。然后将其结果附加到具有特定 ID 的 div 中。

但我的问题是，使用这种方法，没有生成的 HTML 代码......如果我在页面上查看源代码，其中包含作为我的 jQuery/MYSQL 查询结果的缩略图，则没有用于缩略图的 HTML 源代码。

这导致了我最大的问题......试图合并 jQuery Masonry。Masonry 需要一些 HTML 元素来修改（我认为），但没有，所以它不起作用。

希望有人理解我正在尝试做的事情，并且会有更好的方法来做到这一点。

提前致谢。

score 0 · Accepted Answer

在视图源中看不到使用 jquery ajax 对 HTML 所做的修改。您可以使用它们的 id 从您生成的标签中检索数据，但浏览器无法理解它。

score 0 · Accepted Answer

您可以echo在文件中 html 内容php，然后ajax success您append可以确定div

例如。

echo '<img src="img.jpg" alt="image"/>';

在你的ajax

success: function (data) { // img tag echoed from php file
            $('#youDivID').html(data);
}

score 0 · Accepted Answer

元素是通过附加来创建的，但是当您查看源代码时，它们尚未添加。因为 javascript 尚未运行。

您可能会在 chrome 开发工具中看到它们。只需在元素上单击鼠标右键并选择“检查元素”。在 firebug 和 safari 开发工具中的工作方式大致相同。

3 回答 3