Charger Plus de Contenu à l'aide d'Ajax/jQuery par retour <div>

Je travaille sur un site de réseau social à quelque chose comme facebook où lorsque vous faites glisser vers le bas de la page, un nouveau contenu à charger. Au lieu de cela, ma page aura plus de bouton au lieu de défilement. Chaque fois qu'un utilisateur cliquez sur le bouton "plus", le nouveau contenu vous permettra de charger à fond.

Ma page se composent de trois colonnes différentes. Donc, ce que je voudrais faire est d'ajouter 3 nouveaux contenus différents à ces 3 colonnes lorsque le bouton "plus" est cliqué.

Je voudrais revenir une nouvelle div contenu à l'intérieur de la colonne principale div à l'aide d'ajax et php. Quelque chose comme ce ci-dessous.

<div class='content_3'>
  <div class='widget'>
    Content Here
  </div>
</div>

Ci-dessous est un exemple de ma page... Violon ici http://jsfiddle.net/Lqetw5ck/2/

<div id='main_column_1'>
    <div id='content_1'>
        Load data from php/mysql database (For 1st Main Div)
    </div>
    <div id='content_2'>
        Load more from php/mysql database when 'more' button is click
    </div>
</div>
<br>
<div id='main_column_2'>
    <div id='content_1'>
        Load data from php/mysql database (For 2nd Main Dev)
    </div>
    <div id='content_2'>
        Load more from php/mysql database when 'more' button is click
    </div>
</div>
<br>
<div id='main_column_3'>
    <div id='content_1'>
        Load data from php/mysql database (For 3rd Main Dev)
    </div>
    <div id='content_2'>
        Load more from php/mysql database when 'more' button is click
    </div>
</div>
    <button>Show More</button>

Et comment dois-je écrire mon code PHP? Parce que je vais revenir ensemble de la div contenu. L'idée que j'avais est quelque chose comme ce ci-dessous.

<?
$sql_stmt = "SELECT * FROM customers";
$sql = mysqli_query($con, $sql_stmt) or die(mysqli_error($con));
$row = mysqli_fetch_assoc($sql);
$content = '<div class="content_3"><div class="widget"> '.$row['firstname'].' </div></div>';
?>

Je veux retourner la somme de chaîne de contenu à la colonne 1, 2 et 3 de sorte qu'il affiche un nouveau div en vertu de cette colonne.

Merci!

EDIT: j'ai trouvé ce Comment mettre en œuvre jScroll? mais ne savez pas comment l'auteur a écrit son code PHP. Peut-être que c'est presque la même que mon cas?

OriginalL'auteur nodeffect | 2014-09-05