cssコンテナにデータベースエントリをロードする方法

Question

私は動的なウェブサイトには新しいです、私はカードの形でアーティストのリストを持っているウェブサイトを持っています、 dはこの形式で正確にロードし、次にスクロールすると自動的にロードされますか？私はコンテナをコピーし、すべての単一のコンテナでPHPを使用してデータを参照する必要がありますか？

<div id="feed"> 
    <div class="feed_item"> 
     <div class="feed_img"></div> 
     <h2 class="feed_title">Karamantoso</h2> 
    </div> 
    <div class="feed_item"> 
     <div class="feed_img"></div> 
     <h2 class="feed_title">Yamyom</h2> 
    </div> 
    <div class="feed_item"> 
     <div class="feed_img"></div> 
     <h2 class="feed_title">Hayom</h2> 
    </div> 
    <div class="feed_item"> 
     <div class="feed_img"></div> 
     <h2 class="feed_title">Sha</h2> 
    </div> 
</div> 

Answer 1

Pedroがすでに言ったように、私はあなたがオンデマンドになる前に、それらを一度にすべてロードすることを最初に見ておくことをお勧めします。

PHPでどの程度進んでいるのかは分かりませんが、質問を処理した場所からの展開を開始して$resultに保存します。

まず、HTMLの準備をする必要はありません。なぜなら、これは動的な入力項目では機能しないためです。できるだけハードコーディングを避けたいのです。代わりに、私たちのためにPHPがそのようにしました。

if ($result->num_rows > 0) { 
    while($row = $result->fetch_assoc()) { 
     //This gets executed for every MySQL entry 
    } 
} 

whileループ内では、HTMLにちょうどechoエントリを使用することができます。

while($row = $result->fetch_assoc()) { 
    //This gets executed for every MySQL entry 
    echo "<div class=\"feed_item\">"; 
    echo "<img src=\"" . $row['img'] . "\">"; 
    echo "<h2 class=\"feed_title\">" . $row['title'] . "</h2>"; 
    echo "</div>"; 
} 

$row['whatever']のためにあなたはもちろんのにあなたのMySQLのテーブルで宣言された独自の行を使用していることに注意してください：私たちは$rowから得ることができるためのコンテンツ。そのPHPのもののすべてがあなたのfeedのdivに行くべき

：

<div id="feed"> 
    <? 
     //Right here :) 
    ?php> 
</div> 

ので、あなたは完全にこのことを理解一度あなたはおそらくAJAXを使用する必要があるだろうオンデマンドでコンテンツをロードします。本当にうまいことを説明するビデオはthisです。ビデオはいくつかのWebサーバーに保存されているJSONについてのものですが、PHP requests