使用jQuery Ajax和Mysql來生成HTML

Question

我想構建一個動態的照片庫。我試圖從傳統的HTML/PHP刷新中不斷地看到更新，通過引入一些jQuery來做一些動態的MYSQL查詢。

到目前爲止（筆記我是一個初學者）我有一個頁面，它使用一些jQuery發送一個調用PHP文件，其中包含一些基本的PHP代碼查詢數據庫。這個結果然後附加到具有特定ID的div。

但我的問題是，用這種方法，沒有生成的HTML代碼...如果我在頁面上查看源代碼，包含由於我的jQuery/MYSQL查詢縮略圖，沒有HTML源代碼拇指。

這導致我最大的問題......試圖融入jQuery Masonry。砌體需要一些HTML元素來修改（我認爲），但沒有任何，所以它不起作用。

希望有人能夠理解我正在嘗試做什麼，並且會有更好的方式來做到這一點。

在此先感謝。

Answer 1

使用jquery ajax進行HTML修改無法在視圖源中看到。您可以從使用其ID生成的標籤中檢索數據，但瀏覽器無法理解它。

Answer 2

你可以在php文件echo HTML內容，然後在ajaxsuccess能append你一定div

如。

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

在你ajax

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

Answer 3

元素是通過附加創建的，但是當你在看源代碼中沒有添加他們。由於JavaScript尚未運行。

你可以在chrome開發工具中看到它們。只需在元素上單擊鼠標右鍵並選擇「檢查元素」。大約同樣的方式在firebug和safari dev工具中起作用。