php - 無限スクロールを使用してより多くのコンテンツを読み込み、ページを拡張しますか?

Question

ページ全体をリロードせずに、無限スクロールを使用して次の 5 つのコンテンツを画面にロードしようとしています。私は約100万のことを試しました。スクロールバーの追跡はうまく機能していますが、スクロールバースクリプトがアクティブになったときに追加のコンテンツをロードする ajax リクエストを設定する方法がわかりません。私がこれに2日間立ち往生しているのを助けてください。

ここに私のJavaスクリプトがあります:

    <script type="text/javascript">
    function yHandler(){
var wrap = document.getElementById('wrap');
var contentHeight = wrap.offsetHeight;
var yOffset = window.pageYOffset; 
var y = yOffset + window.innerHeight;
if(y >= contentHeight){
    // Ajax call to get more dynamic data goes here
    wrap.innerHTML += '<div class="newData"></div>';
}
var status = document.getElementById('status');
status.innerHTML = contentHeight+" | "+y;
}

window.onscroll = yHandler;
</script>

これが私のデータベースに接続するための私のphpファイルです：

    <?php

    # FileName="Connection_php_mysql.htm"
    # Type="MYSQL"
    # HTTP="true"
    $hostname_dbConn = "localhost";
    $database_dbConn = "Video";
    $username_dbConn = "root";
    $password_dbConn = "root";
    $dbConn = mysql_pconnect($hostname_dbConn, $username_dbConn, $password_dbConn) or trigger_error(mysql_error(),E_USER_ERROR); 

    ?>